@media (min-width: 1400px){
    header.site-header .container{max-width: 95%}
}


@media (max-width: 1360px){
}


@media (max-width: 1200px){
    .site-header, .custom-header{height: 600px;}
    .site-branding{top: 200px; }
    .site-branding h2{margin: 0; padding: 0; font-size: 14px;}
    .site-title{font-size: 45px; margin: 0; padding: 0 0 10px}
    .site-branding p{font-size: 16px; line-height: 20px}
}


@media (max-width: 992px){
     header.site-header .container{max-width: 95%; width: 95%}
    .custom-logo-link img{height: 40px;}
}


@media (max-width: 768px){
    header.site-header .container{display: block;}
    .menu-toggle{position: absolute; right: 10px; top: 10px}
    .main-navigation > div > ul { padding: 2em 1.695em 0.75em 1.695em; text-align: center;}
    .main-navigation a{padding: 30px 0}
    .site-header, .custom-header{height: auto}
    .custom-header-media{position: static;}
    .site-branding {bottom: 20%;top: inherit;position: static;padding: 30px;}
    .site-branding{text-shadow: none;}
    .site-branding h2{margin: 0; padding: 0; font-size: 14px; line-height: 20px; color: #000;}
    .site-title{font-size: 30px; margin: 0; padding: 0 0 5px; color: #000;}
    body.has-header-image .site-title, body.has-header-video .site-title, body.has-header-image .site-title a, body.has-header-video .site-title a{color: #000;}
    .site-branding p{font-size: 14px; line-height: 20px; color: #000;}
    body.has-header-image .site-description, body.has-header-video .site-description{font-size: 14px; line-height: 20px; color: #000;}
    header.site-header .site-branding .container{max-width: 400px; }
}


@media (max-width: 600px){
}


@media (max-width: 500px){
}