@media (min-width: 1750px) {

.container {
max-width: 1600px;
}

}


@media (max-width: 1500px) {


}

@media (max-width: 1350px) {


}


@media (max-width: 1300px) {

.logo, .logo img {
height: 100px;
width: auto;
}


}


@media (max-width: 1250px) {

footer#site-footer {
#school-logo {
display: none;
} }

footer#site-footer {
#map {
height: 470px;
width: 420px;
}}

footer#site-footer {
.details {
width: calc(90% - 380px);        margin-right: 0%;
margin-left: 0%;
}}

footer#site-footer {
address {
margin-right: 50px;  
}}


footer#site-footer {
.phone a.meta {
width: 140px;
}
}
}


@media (max-width:1200px) {


}


@media (max-width: 1150px) {

#welcome .image {
width: 350px;
height: 350px;
}

#welcome .background-image {
margin-top: -20px;
height: 470px;
width: 540px;
right: -70px;
}

#welcome .message {
width: calc(100% - 440px);
}


}


@media (max-width: 1100px) {



.logo, .logo img {
height: 90px;
}

#navigation .nav-menu a {
padding: 0px 5px 15px;
font-size: 14.5px;
}

#navigation .nav-menu a span {
padding-left: 7px;
}
}


@media (max-width:1050px) {

body.smaller .menu-button {
   top: 20px;
}

.secondary-nav {
top: 40px;
right: 145px;
border-radius: 20px !important;
background: #2a5394;
}

body.smaller .secondary-nav {
   margin-top: -40px;
}

#content {
width: 100% !important;
}

#sidebar1 {
display: none;
}

#hero .tagline span.small {
font-size: 21px;
}

#hero .tagline span.large {
font-size: 45px;
}

.buttons a:link, .buttons a:visited {
padding: 17px 35px;
}

.buttons a:hover {
padding: 17px 45px;
}

.image-block-cont {    
flex-wrap: wrap;
}

.image-block-cont .image-block {
width: 44%;
margin: 0px 3% 50px;

}



}


@media (max-width: 1000px) {

#welcome p  {
font-size: 16px;
}

#welcome .image {
width: 300px;
height: 300px;
}

#welcome .background-image {
margin-top: -40px;
height: 400px;
width: 460px;
right: -60px;
}

#welcome .message {
width: calc(100% - 360px);
}


.button a {
font-size: 12px;
}

.latest-posts {
display: flex;
flex-direction: column;
}

.latest-post-card {
width: 100%; margin-bottom: 20px;
}

.latest-post-link {
height: 230px;
}

.logo, .logo img {
height: 90px;
width: auto;
}

header#masthead {
height: calc(180px - 80px);
}

body.smaller header#masthead {
height: calc(180px - 40px);
}

.secondary-nav {
top: 23px;}

.menu-button {
top: 30px;
}

}

@media (max-width:950px) {

#quicklink .image-block {
width: 36%;
margin: 0px 3.5% 20px;
padding-bottom: 36%;
}

section {
padding: 70px 0px;
}

footer#site-footer {
address {
margin-right: 30px;
}}

footer#site-footer {
img {
height: 130px;
}
}

#hero .tagline span {
font-size: 40px;
}

.buttons a:link, .buttons a:visited {
padding: 15px 35px;    font-size: 11px;
}

}


@media (max-width: 900px) {

p, td, .entry-summary, .wpb-content-wrapper li {
font-size: 15px;
}

#welcome .container {
flex-direction: column;
}

#welcome .message {
width: 90%;
text-align: center;
margin-bottom: 50px;
}

#welcome h1 {
width: 100%; margin-bottom: 20px;
}

#welcome .button {
justify-content: center;
}

#welcome .image {
width: 300px; height: 300px;
}


section h2, section h1 {
font-size: 40px;
}

footer#site-footer {
#map {
display: none;
}}

footer#site-footer {
.details {
width: 90%;
padding: 70px 0px;
margin-right: 0%;
margin-left: 7%;
}
}

}


@media (max-width:850px) {

.page-title h1 {
font-size: 40px;
}

#page {
padding-top: 30px;
}

#content h2 {
font-size: 29px;
}


#hero .tagline {
text-align: center;
}

#hero .tagline span.large {
font-size: 35px;
}

.buttons {
justify-content: center;
}

}


@media (max-width: 800px) {

.menu-button {
top: 32px;
}

.extra-links span {
   display: none;
}

.secondary-nav .quicklink-toggle svg {
    margin-right: 0px;
}



}


@media (max-width: 750px) {

iframe,
object {
width: 100%;
}

#quicklink .image-block span {
font-size: 23px;
}

#quicklink .container {
width: 100%;
}

.image-block-cont .image-block .desc {
font-size: 23px;  line-height: 1.2;    
}

.image-block-cont .image-block {
height: 290px;
}

}


@media (max-width:700px) {

p, td, .entry-summary, .wpb-content-wrapper li {
font-size: 15px;
}

#page .container {
width: 96%;
}

.page-title h1 {
font-size: 32px;
}

#content h2 {
font-size: 26px;
}

footer#site-footer {
.details-cont {
flex-direction: column;   
}
.phone {
margin-top: 20px;
}
}



}


@media (max-width: 650px) {

.details-cont {
width: 100% !important;
}

#school-logo {
display: none !important;
}

}


@media (max-width: 600px) {

.secondary-nav {
display: none;
}

body.smaller .menu-button {
top: 22px;
}


.buttons, .button {
display: flex;
flex-direction: column;
align-items: center;
}

.buttons a:link, .buttons a:visited
{
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: center; margin-bottom: 15px; margin-right: 0px;
}

#hero .tagline {
bottom: 60px;
}

}


@media (max-width: 550px) {
#quicklink .image-block {
width: 66%; padding-bottom: 66%;
}

section h2, section h1 {
font-size: 30px;
}

#news {
padding: 70px 0px 50px;
}

}



@media (max-width:500px) {

.footer-policies,
.footer-accessibility {
display: flex; flex-direction: column;
}

.sep {
display: none;
}

#footer-meta a:link,#footer-meta a:visited {
padding: 10px 0px;
}

.c50 {
width: 100%;
}

.logo {
position: absolute;
left: 0px;
transform: inherit;
}

.image-block-cont .image-block {
width: 94%;
height: 210px; margin: 0px 3% 20px;
}

footer#site-footer {
.details h2 {
font-size: 31px;
}}

#hero .tagline span {
font-size: 33px;
}

}


@media (max-width:460px) {

.logo, .logo img, body.smaller .logo img {
height: 70px;
width: auto;
}

}


@media (max-width:425px) { 


}


@media (max-width:400px) { 

.logo {
width: 80px;
overflow: hidden;
}

}

@media screen and (max-width: 768px) and (orientation: landscape) {


.logo, .logo img {
height: 90px;
width: 90px;
}

header#masthead { height: 150px;}
#hero {
height: 540px;
}

.vimeo-wrapper iframe {
width: 130vw;
height: 86.25vw;
}

}

@media (max-width: 2000px) { .wpb_vc_table { width: 850px; } }
@media (max-width: 1400px) { .wpb_vc_table { width: 780px; } }
@media (max-width: 1300px) { .wpb_vc_table { width: 710px; } }
@media (max-width: 1200px) { .wpb_vc_table { width: 670px; } } 
@media (max-width: 1150px) { .wpb_vc_table { width: 640px; } } 
@media (max-width: 1100px) { .wpb_vc_table { width: 610px; } } 
@media (max-width: 1050px) { .wpb_vc_table { width: 580px; } } 
@media (max-width: 1000px) { .wpb_vc_table { width: 550px; } } 
@media (max-width: 950px) { .wpb_vc_table { width: 520px; } } 
@media (max-width: 900px) { .wpb_vc_table { width: 780px; } } 
@media (max-width: 850px) { .wpb_vc_table { width: 730px; } } 
@media (max-width: 800px) { .wpb_vc_table { width: 680px; } } 
@media (max-width: 750px) { .wpb_vc_table { width: 630px; } } 
@media (max-width: 700px) { .wpb_vc_table { width: 580px; } } 
@media (max-width: 650px) { .wpb_vc_table { width: 530px; } } 
@media (max-width: 600px) { .wpb_vc_table { width: 480px; } } 
@media (max-width: 550px) { .wpb_vc_table { width: 430px; } } 
@media (max-width: 500px) { .wpb_vc_table { width: 380px; } } 
@media (max-width: 450px) { .wpb_vc_table { width: 330px; } } 
@media (max-width: 400px) { .wpb_vc_table { width: 320px; } }