*{box-sizing:border-box;} body{ text-align:center; color:#222; line-height:160%; font-size:16px; background-color:#29478c; } .page{ max-width:1280px; margin:auto; box-shadow:0 0 15px rgba(0,0,0,0.35); border-left:1px solid #fff; border-right:1px solid #fff; } header{ text-align:left; background-color:#ffffff; position:relative; z-index:999; margin:auto; } h1, h2, h3, h4 ,h5{ font-family:"Montserrat", sans-serif; } h1{ margin-bottom:2rem; } .center{ margin:auto; text-align:center; } .cell-wrapper{ padding:0.25rem; } .img-gal div img{ border:1px solid #bcbcbc; border-radius:0.15rem; } .slippry-container{ position:relative; z-index:20; border-bottom:1px solid #a6a6a6; } .logo img{ max-width:150px; } .header-wrapper{ padding:1rem; } .navwrapper{ background-color: #d62712; border-top:1px solid #e17365; border-bottom:1px solid #e17365; } nav{ text-align:center; } nav a{ display:block; padding:0.5rem; color:#fff; text-decoration:none; background-color: #d62712; font-family:"Roboto Condensed", sans-serif; } nav div{ border-right:1px solid #e17365; } nav div:first-child a{ } nav div:last-child a{ border-right:0; } nav a:hover{ background-color: #bb1e0b; transition: 0.1s ease-in; color:#ff0; } main{ text-align:left; } .main-section{ padding:0 2rem; } .hpic-text{ width:70%; } .hpic-image{ width:30%; } .hpic-image img{ max-width:100%; } .sy-slides-wrap{ max-height:400px; } .sy-slide{ height:100%; background-size:cover; background-position:100%; } .cc-grid{ max-width:400px; } .sy-active{ } .slide-text{ position:absolute; z-index:1000; color:#fff; font-weight:bold; bottom:1.5rem; left:0; text-shadow:0 0 10px rgba(0,0,0,1); background-color:rgba(0,0,0,0.5); padding:1rem 0 1rem 2rem; width:100%; text-align:left; } .st-line-one{ font-size:2rem; line-height:100%; text-decoration:underline; } .st-line-two{ font-size:1.5rem; font-weight:400; line-height:100%; font-style:italic; margin:0.5rem 0; } .st-line-three{ line-height:100%; font-size:1.25rem; font-weight:normal; } .slide-1{ background-image:url(/images/Office.jpg); } .ss-chamber{ text-align:center; } .ss-chamber img{ border:1px solid #ccc; padding:0.5rem; background-color:#fff; max-width:142px; } .section-head{ text-align:center; margin-bottom:0; } .subhead{ text-align:center; margin-top:0; } .hpmg-cell{ text-align:center; padding:1.5rem; } .hpmg-description{ margin:1.5rem; } .hpmgc-wrapper{ border:1px solid #ed3f2e; border-radius:0.5rem; box-shadow:0 0 15px rgb(0,0,0,0.5); } .hpmg-title{ font-size:1.75rem; background-color:#fe2400; color:#fff; padding:0.5rem; border-top-right-radius:0.4rem; border-top-left-radius:0.4rem; } .hpmg-image{ } .hpmg-image img{ max-width:100%; } .hpmg-button{ background-color:#198800; color:#fff; display:inline-block; padding:1rem 2rem; border-radius:0.3rem; margin-bottom:1rem; } .main-content{ text-align:left; } footer{ padding:2rem; background-color:#d62711; color:#fff; margin:auto; } .side-section{ background-color:#eee; border-left:1px solid #ccc; padding:0 1rem; } .main-section, .side-section{ padding-top:2rem; padding-bottom:2rem; } .locations-top-grid p{ margin-top:0; } .locations-top-grid img{ width:100%; max-width:100%; padding-right:1rem; } .ss-heading{ font-weight:bold; font-size:1.25rem; text-align:center; margin-bottom:1.25rem; padding-bottom:1.25rem; border-bottom:1px solid #ccc; } .ss-location{ margin-bottom:1.25rem; text-align:center; padding-bottom:1.25rem; border-bottom:1px solid #ccc; } .ssl-heading{ font-weight:bold; font-size:1.25rem; color:#d62711; } .ssl-address{ line-height:120%; margin:0.25rem 0; } .ssl-phone{ font-family:"Montserrat", sans-serif; } .ssl-more-info{ background-color:#2a66d2; background-image:linear-gradient(0deg,#204fa4,#2a66d2); color:#fff; padding:0.25rem 2rem; display:inline-block; margin-top:0.35rem; border-radius:2rem; text-decoration:none; border:1px solid #204fa4; } .ssl-more-info:hover{ background-color:#2156b7; color:#ff0; } .homepage-intro{ margin-bottom:3rem; } .wdgu-wrapper{ background-color:#eee; border:1px solid #ccc; padding:1rem; margin-bottom:1rem; } .udg-unit-size{ font-weight:bold; border-bottom:1px solid #29478c; color:#29478c; } .udg-heading{ margin-top:1rem; font-weight:bold; } .udgsic-items{ margin:0; } .locations-gmap{ width:100%; height:350px; margin-top:2rem; border:1px solid #ccc !important; } .asg-cell-wrapper{ margin:0 0.5rem; padding:0 0.5rem; } .location-nav{ text-align:center; } .location-nav a{ display:block; background-color:#2760c7; color:#fff; border:1px solid #fff; padding:0.25rem; text-decoration:underline; } .location-nav a:hover{ background-color:#316edb; } .location-nav a.active{ color:#ff0; background-color:#29478c; text-decoration:none; } .contact-form{ max-width:400px; margin:auto; } .contact-form input, .contact-form textarea{ width:100%; padding:0.25rem; } .contact-form textarea{ min-height:100px; } .cf-section{ padding:0.25rem; } .cs-group{ display:flex; } .cs-group input{ width:initial; margin-top:auto; margin-bottom:auto; } .cs-group label{ padding-left:0.5rem; } /*** blanket styles ***/ .pagewidth{ margin:auto; background-color:#fff; } .content-margin{ margin-top:3rem; margin-bottom:3rem; } .cc-grid > div{ display:flex; padding:0.25rem; } .cc-grid img{ max-width:100%; margin:auto; } .pay-online-wrapper{ float:right; margin:1rem 0.5rem; } .payonline-button{ background-color:#2663ee; background-image:linear-gradient(0deg, #29478c, #2b5dd0); padding:0.5rem 0.75rem; color:#fff; border-radius:0.25rem; text-transform:uppercase; font-family:"Roboto Condensed", sans-serif; font-weight:bold; font-size:0.9rem; text-shadow:0 0 3px rgba(0,0,0,0.5); border:1px solid #294a95; text-decoration:none; } .payonline-button:hover{ background-image:linear-gradient(0deg, #2a54b2, #3a72f2); color:#ff0; } #Questions{ display:none; } /*** end blanket styles ***/ .pure-img{ margin:auto !important; } .topbar{ text-align:center; background-color:#d62712; color:#fff; padding:0.25rem; } @media(max-width: 768px){ .logo-wrapper{text-align:center;} .logo{padding:0;} .logo-wrapper a{margin:0 auto;} nav div:nth-child(-n+4){ border-bottom:1px solid #e17365; } } @media(max-width: 568px){ nav div:nth-child(-n+6){ border-bottom:1px solid #e17365; } .main-section{ padding-left:1rem; padding-right:1rem; } } .pure-g [class*=pure-u] { font-family:"Merriweather", sans-serif; }