main{position:relative;padding-top:10px}

/*** NOTICE STYLES ***/
.notice {
  background: #900;
  text-align: center;
  color: #fff;
  font-size: 1.25rem;
}
.notice a {
    color: #fff !important;
    text-decoration: underline !important;
}


@media screen and (min-width:64.0625em){main{padding-top:50px}
}
#home main{padding-top:0}
#home #content{margin-top:0}
#home nav.main{border-bottom:0}
.optometry-banner{overflow:auto;padding:0}
.optometry-banner .row{padding:0}
.optometry-banner .bg-image{position:absolute;top:0;bottom:0;width:100%;background-size:cover;background-position:center center}
.optometry-banner .button:focus,.optometry-banner .button:hover{background-color:#fff;border-color:#fff;color:#900}
.optometry-banner .one-half{position:relative;margin-top:0}
.optometry-banner--content{position:relative;text-align:center;padding:4rem 24px;overflow:auto;}
.optometry-banner .title{color:#fff}
.optometry-banner .button{margin-bottom:0}
@media screen and (min-width:40em){.optometry-banner{height:600px;max-height:75vh;overflow:hidden;padding:0}
.optometry-banner .one-half,.optometry-banner .row{background-color:#191919;height:100%;position:static}
.optometry-banner .row:after{content:'';position:absolute;left:50%;height:100%;width:2px;background-color:#fff;z-index:5}
.optometry-banner .bg-image{position:absolute;top:0;bottom:0;width:50vw;z-index:1;background-size:cover;background-position:center center}
.optometry-banner--content{position:relative;z-index:2;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}
.optometry-banner .bg-image.bleed-left{left:0}
.optometry-banner .bg-image.bleed-right{left:50%}
.optometry-banner .title{color:#fff}
.optometry-banner .button{margin-bottom:0}
}

.text+h1,.text+h2,.text+h3,.text+h4,.text+h5,.text+h6,p+h1,p+h2,p+h3,p+h4,p+h5,p+h6,ul+h1,ul+h2,ul+h3,ul+h4,ul+h5,ul+h6{margin-top:2.5rem;margin-bottom:1.25rem}
.center-grid-text .grid-item{text-align:center}
.text-dark,.text-dark h1,.text-dark h2,.text-dark h3,.text-dark h4,.text-dark h5,.text-dark h6{color:#191919}
.text-dark .text a:not(.button){background:#dbd9d9;color:#006298}
.text-dark .text a.button{border-color:#900;background-color:#900;color:#fff}
.text-dark .text a.button:focus,.text-dark .text a.button:hover{background-color:#fff;color:#900}
.pad-top{padding-top:40px!important}
@media screen and (min-width:40em){.pad-top{padding-top:56px!important}
#filter-results .two-thirds.float-right p{font-size:1rem;}
}
.panel--interactive a[href$=".pdf"]:after,.panel--interactive a[href$=".doc"]:after,.panel--interactive a[href$=".docx"]:after,.panel--interactive a[href$=".xls"]:after,.panel--interactive a[href$=".xlsx"]:after{display:none}
.panel--interactive a[href$=".pdf"] .title:after,.panel--interactive a[href$=".doc"] .title:after,.panel--interactive a[href$=".docx"] .title:after,.panel--interactive a[href$=".xls"] .title:after,.panel--interactive a[href$=".xlsx"] .title:after{font-family:iucomm!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:10px;font-size:.8em}
.panel--interactive a[href$=".pdf"] .title:after{content:"\f1c1"}
.panel--interactive a[href$=".doc"] .title:after,.panel--interactive a[href$=".docx"] .title:after{content:"\f1c2"}
.panel--interactive a[href$=".xls"] .title:after,.panel--interactive a[href$=".xlsx"] .title:after{content:"\f1c3"}

.optometry-banner .bg-image::before {content: none;}
p.aligntitle.no-margin.title{text-align:center;}
p.alignsubtitle.sub-title{text-align:center;} 
.mediaimg{display: block;margin: auto;max-width: 200px;}