@charset "UTF-8";

.header-row {
    background-color:#CDDBDE; 
    background-position: center;
    background-size: cover;
    padding-top:72px;
    padding-bottom: 72px;
    padding-left: 7%;
}
.header-row h4 {font-family:'Helvetica Now Display W05 Rg'; color:#46535E; font-size:1.2rem;}
.header-row h1 {font-size:2.4rem; line-height:1.1; padding-bottom:35px; }

@media (min-width: 768px){.header-row{padding-top:42px; padding-bottom:42px}}
@media (min-width: 992px){
    .header-row{    padding-top:62px;
    padding-bottom: 62px;
}
.header-row h1 {line-height:1.1; font-size:3.2rem; padding-bottom:35px; }
    .header-row h4 {font-size:1.6rem;}
}

.title {line-height:1.1; font-size:3.2rem;}
.surveyTitle {font-family: 'Helvetica Now Display W05 Rg'; color:#46535E; font-size:1.6rem; }

.header-row .col {padding-left: 7%;}

.content .container-fluid {padding-left:5%;padding-right:5%; }

.boxed-darker {padding:3%; background-color:#E5EFF0;}
.boxed-light {padding:3%; background-color:#EEF6F7;}
.boxed-darker strong, .boxed-light strong{color:#007585;}
.boxed-darker p, .boxed-light p{color:#262836;}
.boxed-quote {background-color:#46535E; padding-left:3%; padding-right:3%}
.boxed-quote p{color:#FFFFFF;}

@media (min-width: 768px) {.boxed-quote {background-size: cover; background-position:center center;}}

@media (min-width: 992px) {.boxed-quote {background-size: cover; background-position:60% center;}}
.threepad {padding-top:3%; padding-bottom:3%;}

.callouts .infocall{color:#007585; font-size:2.3rem; margin-bottom:0; letter-spacing:-0.2px; line-height:100%;}
.callouts p {color:#46535E;}

.quote {font-family: 'Helvetica Now Display W05 Light'; font-size: 28px; font-weight:325; letter-spacing:0.18px; line-height:33.8px; margin-bottom:18px; }

.quotee {font-family: 'Helvetica Now Display W05 Bold'; font-size: 0.8em; letter-spacing:0.18px;}

.intro {font-family: 'Helvetica Now Display W05 Light'; font-size: 24px; font-weight:325; letter-spacing:0.18px; line-height:32.4px; color:#46535e;}

h2 {color:#262836;}

@media (min-width: 992px) { h2 {font-size:52px; line-height:64px;} }

.squareTiles div {
	padding:15px;
    min-width: 220px;
    width:20%;
    min-height:10vw;
   position:relative;
   border-bottom:1px solid #fff; border-right:1px solid #fff;
}
.squareTiles .bg-gray-mlight a:link, .squareTiles .bg-gray-xlight a:link, .squareTiles .bg-gray-mlight a:visited, .squareTiles .bg-gray-xlight a:visited {
    position:absolute;
    bottom:20px;
    font-size:1.1em;
    color:#007585;
    text-decoration:underline;
}

.squareTiles p{
color:#262836;
font-family:'Helvetica Now Display W05 Bold';
font-size:22px;
line-height:30px; letter-spacing:0.1px; padding-bottom:25px;}

.squareTiles .bg-gray-mlight a:hover, .squareTiles .bg-gray-xlight a:hover {
    color:#007585; text-decoration:none;
}

.number {display: block;
    clear: both;
    font-size: 2.8em;
    color: #82939a;
    line-height:1;
    padding: 0px 0 15px 0;}


.logo {width:60px; margin-top:20px; margin-bottom:20px;}
@media (min-width: 768px) {.logo {width:89px; margin-top:40px; margin-bottom:40px;}}

a.local {color:#46535E;}
a.local, a.local:link, a.local:visted{text-decoration:none; color:#46535E;}
a.local:hover, a.local:active{text-decoration:underline; color:#46535E;}