/* Responsive */

@media only screen and (max-width:1500px) {
.accountability-inner {grid-template-columns:45% minmax(0, 55%); gap:50px;} 
.large-placeholder {width:100%;} 
}

@media(max-width:1300px){
.main-nav ul{gap:28px;}
.main-nav ul li a{font-size:11px;}
.grey-block{margin-left:0px;width:100%;}

.values-label {width: auto;}
.values-row{display:flex;flex-direction:row; flex-wrap:wrap;}
.values-row .col-50{flex-basis:100%; padding:0px 0px;}
.values-row .col-50:first-child {padding:0px 0px 0px 0px;}
.purpose-block {margin-bottom:30px;}
.purpose-block:after {display:none;}
.vision-block {margin-bottom:30px;}
.vision-block:after {display:none;}

.core-values-label {position:relative;top:auto;left:auto;margin:0 0 30px 0;display:inline-block;}
.values-row .col-50:last-child {padding-top:0;position:relative;}
}
@media screen and (max-width:1200px){
.ceo-report-left{padding:90px 35px 0;}
.ceo-report-right{padding:40px;}
.ceo-voice-quote{min-height:250px;padding:60px 45px 45px;}
.ceo-voice-quote p{font-size:22px;}
.ceo-grey-inner{gap:50px;}
.ceo-grey-info p{font-size:16px;}
}
@media(max-width:1100px){
.outa-header {overflow:hidden;}
.main-nav {width:100%;display:none;opacity:1;transform:none;animation:none;overflow:hidden;}
.main-nav.active {display:block;}
.main-nav ul {flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;padding-top:25px;width:100%;}
.main-nav ul li {width:100%;}

.outa-header article{padding:20px 30px;flex-wrap:wrap;}
.menu-toggle{display:flex;margin-left:auto;}
.main-nav{width:100%;display:none;}
.main-nav.active{display:block;}
.main-nav ul{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;padding-top:25px;}
.main-nav ul li{width:100%;border-bottom:1px solid rgba(255,255,255,0.08);}
.main-nav ul li a{width:100%;text-align:left;padding:7px 0;font-size:14px;}
.header-btn{width:100%;padding-top:25px;display:none;}
.main-nav.active + .header-btn{display:block;}
.header-btn a{width:100%;text-align:center;}

.accountability-inner {grid-template-columns:42% minmax(0, 58%); gap:35px;} 
.accountability-card {flex:0 0 calc((100% - 18px) / 2.1);} 
}

@media(max-width:1000px){
.civic-grey-row{grid-template-columns:1fr;gap:40px;}
.civic-grey-image{max-width:360px;margin:0 auto;text-align:center;}
.civic-grey-image img{margin:0 auto -80px;}
}
@media screen and (max-width:900px){
.ceo-report-wrap{width:calc(100% - 35px);margin-left:35px;}
.ceo-report-section::before{width:35px;}
.ceo-report-title{width:380px;padding-left:35px;font-size:18px;}
.ceo-report-inner,.ceo-grey-inner{grid-template-columns:1fr;}
.ceo-report-left{padding:100px 25px 0;min-height:0;}
.ceo-report-right{padding:35px 25px;}
.ceo-voice-quote{min-height:230px;padding:55px 35px 40px;background-size:cover;background-position:center;}
.ceo-voice-quote p{font-size:21px;max-width:380px;}
.ceo-grey-info{padding:45px 25px;}
.ceo-stat-box{padding:35px 30px;}
.ceo-stat-box p{font-size:23px;}
.ceo-stat-box strong{font-size:38px;}

.major-grey-section article {padding:0 25px;} 
.accountability-inner {grid-template-columns:1fr; gap:28px;} 
.large-placeholder {width:100%; aspect-ratio:695 / 695;} 
.accountability-card {flex:0 0 300px;} 

.download-section {overflow:hidden;} 
.download-layout {grid-template-columns:1fr; gap:30px; padding-top:50px;} 
.report-cover {position:relative; top:auto; right:auto; display:block; margin:0 0 25px auto; width:140px !important; height:auto !important;} 
.downloads-row {grid-template-columns:40px 1fr; gap:12px; padding:12px 0;} 
.downloads-row > div:nth-child(3), .downloads-header > div:nth-child(3), .downloads-header > div:nth-child(4) {display:none;} .downloads-row > div:nth-child(4) {grid-column:2;}
}

@media(max-width:768px){
.mobile-break {display: none;}

.value-item{padding:22px 24px;gap:22px;}
.value-icon{min-width:75px;}
.value-icon-circle{width:56px;height:56px;}
.value-icon-circle img{width:30px;}
.top-space {margin-top:20px;}

.funding-label{width:auto;margin-right:25px;padding:10px 25px;}
.funding-banner article{margin-top:45px;padding:0 25px;}
.funding-info-block{max-width:100%;min-height:auto;flex-direction:column;gap:25px;padding:30px 24px;}
.funding-stats{width:100%;}
.funding-stat{margin-bottom:25px;}
.funding-stat h3{font-size:24px;}
.funding-copy{max-width:100%;}
.funding-copy p{font-size:15px;}
}


@media (max-width: 700px) {
.looking-ahead-section {max-width: 100%;}
.looking-ahead-content {padding: 45px 25px 30px;}
.bottom-row {grid-template-columns: 1fr;}
.bottom-image {width: 100%; height: auto;}

.civic-label {width: auto;}

.civic-grey-section{padding:55px 0;}
.civic-grey-title{width:calc(100% - 25px);padding:8px 25px;margin:0 0 40px 0;}
.civic-grey-section article{padding:0 25px;}
.civic-stats-grid{grid-template-columns:1fr;gap:25px;}
.civic-stat{padding-bottom:22px;}
.civic-grey-image{max-width:280px;}
.civic-grey-image img{margin-bottom:-55px;}
}


@media screen and (max-width:600px){
.outa-header article{padding:20px;}
.logo-holder{width:140px;}

.ceo-report-wrap{width:calc(100% - 22px);margin-left:22px;}
.ceo-report-section::before{width:22px;}
.ceo-report-title{width:260px;padding:10px 18px 10px 22px;font-size:16px;top:20px;}
.ceo-report-left{padding:80px 20px 0;}
.ceo-report-right{padding:30px 20px;}
.ceo-voice-quote{min-height:200px;padding:40px 24px 35px;background-size:cover;}
.ceo-voice-quote p{font-size:18px;line-height:1.3;}
.ceo-voice-quote strong{font-size:13px;}
.ceo-report-right p,.ceo-report-right li{font-size:14px;}
.ceo-grey-info h2{font-size:21px;}
.ceo-grey-info h3{font-size:20px;}
.ceo-grey-info p{font-size:15px;}
.ceo-close-grey{margin-left:0;}

.major-grey-section {padding:30px 0 60px 0;} 
.major-grey-title {padding:8px 20px 0px 20px; width:100%;} 
.major-grey-section article {padding:0 15px;} 
.accountability-main-title {margin:35px 0 25px 0;} 
.accountability-feature {padding:15px;} 
.accountability-card {flex:0 0 82%;} 
}

@media(max-width:520px){
.value-item{flex-direction:column;align-items:center;text-align:center;padding:24px 20px;gap:18px;}
.value-icon{min-width:0;width:100%;}
.value-content{width:100%;}
.value-content p{font-size:14px;}

.core-values-label {width:100%;padding:10px 20px 8px 20px;text-align:center;}
.core-values-label p {font-size:18px;}
}

@media only screen and (max-width:420px) {
.accountability-card {flex:0 0 88%;}
}