@media screen and (max-width:1600px) {
}
@media screen and (max-width:1366px) {
}
@media screen and (max-width:1280px) {
}
@media screen and (max-width:1024px) {
}

@media screen and (max-width:979px) {

}
@media screen and (max-width:850px) {
}
@media screen and (max-width:768px) {
    .c-nav--side.js--active { right:15px; }
    .c-nav--side { width:calc(100% - 30px); top: 15px; bottom: 15px; padding:20px; }
    .c-nav--side__trigger { top:20px; padding:14px 7px; }
    .c-nav--side__trigger__icon { width:22px; height: 3px; }
    .c-nav--side__trigger__icon:before, .c-nav--side__trigger__icon:after { height:3px; }
    .c-nav--side__trigger__icon:before { top:-7px; }
    .c-nav--side__trigger__icon:after { top:7px; }
    .c-nav--side .menu li { line-height: 34px; }
    .menu li ul { margin-bottom:15px;  }

    .o-container.full { max-width:100%; padding-top: 70px; padding-bottom: 40px; }
    .o-container h2, .director-page h2, .o-container__body h2 { margin-bottom:15px;  }
    #loader { width: 70px; height: 70px; margin:-35px 0 0 -35px;  }
    .c-logo--home { max-height:50px; }
    .team .directors { width:100%; padding:0 20px;  }
    .directors .row--boxes { padding:0 15px; margin-top: 0; }
    .team .directors .row--boxes { padding:0; margin-top: 0; }

    .o-container--pad-top-bot-huge { padding-top:70px; padding-bottom:40px; }
    .about { padding: 0; margin-top: 70px; }
    .team { padding: 20px 0; }
    .o-container,
    .director-page { padding:0 15px; }
    .director-page li { margin-bottom: 20px; }
    .director-page .img,
    .director-page .data { width:100%; }
    .director-page .data { padding-top:20px; padding-left: 0; padding-right:0; }
    .director-page .data h2 { margin-bottom: 10px; }

    .tile-1-big,
    .tile-1-same { width:100%; }

    .contact .address,
    .contact .map { width:100%; margin:0; padding: 0; }
    .contact .map iframe { padding: 0; }
    .contact .form { margin-top:20px; }

}
@media screen and (max-width:767px) {
    
}
@media screen and (max-width:640px) {
    h2 { font-size:20px; }
    .row.row--boxes .row--boxes__box { width:100%; }
    .team .row.row--boxes .row--boxes__box { width:100%; margin:10px 0; }
    .team .row.row--boxes .row--boxes__box:first-child { margin-top:0; }
    .team .row.row--boxes .row--boxes__box:last-child { margin-bottom:0; }
    .about p { font-size:14px; }

    .form-list li.col-2 { width:100%; }
    
}
@media screen and (max-width:567px) {
    .row.row--boxes h2 { font-size:16px;  }
    
    
}
@media screen and (max-width:480px) {
    
    
}
@media screen and (max-width:360px) {
    
    
}