@media (min-width: 1750px) {

.container {
max-width: 1600px;
}

}


@media (max-width: 1500px) {


}

@media (max-width: 1350px) {

footer#site-footer .detail-column {
  width: 25%;
}


}


@media (max-width: 1300px) {



}


@media (max-width: 1250px) {

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

#locations .info {
  width: 450px;
}

#locations     .map {
    width: calc(100% - 450px);
}

}


@media (max-width:1150px) {
.details {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap; /* key bit */
}

footer#site-footer .detail-column {
  width: 33%;
}

footer#site-footer .detail-column:nth-child(4) {
    width: 100% ;
}

.secondary-nav {
  flex-direction: row-reverse;
}

.social-media {
  opacity: 0;
  pointer-events: none;
}

#hero {
  padding-top: 124px;
}

body.smaller header#masthead {
  margin-top: 0px;
}

}


@media (max-width: 1100px) {


.card-title {
font-size: 21px;
}

.card-overlay {
  padding: 0px 0px 0px 20px;
  
}

.card-button {
  padding: 0px 20px;line-height: 1;
}

#welcome .image {
width: 320px;
height: auto;
aspect-ratio: 4 / 5;
}

h1,h2 {
  font-size: 41px;
}

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

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

h2 {
    font-size: 25px;
}

p, td, .entry-summary {
  font-size: 16px;
  
}

#content ul {
margin: 0px;
padding: 0px 0px 0px 10px;
}

}


@media (max-width:1050px) {



}


@media (max-width: 1000px) {

#sidebar1 {
display: none;
}

#content {
width: 100%;
margin-left: 0px;
}

#locations {
  flex-direction: column-reverse;
}

    #locations .info {
width: 100%;}

#locations .map {
width: 100%;
}

#wpgmza_map_1 {
  height: 430px;
}

.secondary-nav {
 flex-direction: row;
}

.logo, .logo img {
  left: 0px;
  transform: inherit;
}

.quick-menu {
    position: relative;
    right: 110px;
}

}

@media (max-width:950px) {




}


@media (max-width: 900px) {

p, td, .entry-summary, .wpb-content-wrapper li{
font-size: 16px !important; line-height: 1.8 !important;
}

.card-overlay {
  flex-direction: column;padding: 20px 20px; text-align: center;
}

.card-button {
  font-size: 12px;
      padding: 12px 20px;
      margin-top: 10px;
  }
  


}


@media (max-width:850px) {
  section, footer#site-footer {
  padding: 60px 0px;
}
  #welcome .container {
    flex-direction: column;
  }
  
  #welcome .message.school {
      width: 90%;
  }
  #welcome .octogon {
      position: absolute;
      z-index: 1;
      height: auto;
      width: 540px;
      right: -230px;
      top: 60px;
  }
  
  #tagline span {
    font-size: 46px;
  }
  
  .buttons a:link, .buttons a:visited, .button a:link, .button a:visited {
    padding: 15px 41px;
  }
  
  .buttons a:hover, .button a:hover {
  padding: 15px 50px;  
  }
  
  .news-overlay h3 {
    font-weight: 600;
  }
  
  

}


@media (max-width: 800px) {

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

.menu-button {
  right: 6px;
  top: 31px;
}

.secondary-nav .quicklink-toggle, .secondary-header {
  width: 50px;
  height: 50px;background-size: 50px 50px;
}

.searcharea input {
  padding-left: 50px;  width: 50px;
  height: 50px;
}

.header-top {
    padding: 25px 0;
}

    #hero {
    padding-top: 104px;
}

header#masthead .container {
width: calc(100% - 60px);}


}


@media (max-width: 750px) {

iframe,
object {
width: 100%;
}

footer h2 {
   font-size: 34px; 
  
}

    footer#site-footer .detail-column {
    width: 50% !important;
}

}


@media (max-width:700px) {


}


@media (max-width: 650px) {

    .logo, .logo img {
    height: 42px;
    margin-top: 3px;
}

    header#masthead .container {
    width: calc(100% - 30px);
}

    .quick-menu {
    position: relative;
    right: 120px;
}

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

    h2 {
        font-size: 22px;
    }
    
  #page .octogon {
      position: absolute;
      z-index: 1;
      height: auto;
      width: 460px;
      right: -140px;
      top: -90px;
      z-index: 0;
  }

}


@media (max-width: 600px) {

#hero .card {
  width: 100%;
  height: 340px;margin-bottom: 10px;
} 

.card-overlay {
  flex-direction: row; padding: 0px 0px 0px 20px; 
}

.card-button {
  margin-top: inherit;
}

.card-title {
  text-align: left; font-size: 20px;
}

#hero {
  height: auto;
}
 

}


@media (max-width: 550px) {


footer#site-footer {
    .details {
        display: flex;
        flex-direction: column;
    }
}

    .quick-menu {
display: none;
} 

}



@media (max-width:500px) {

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

.sep {
display: none;
}


}


@media (max-width:450px) {

#hero .card {
  height: 240px;
}

}


@media (max-width:425px) { 

    .logo, .logo img {
    height: 35px;
    margin-top: 5px;
}

}


@media (max-width:400px) { 


}

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


}



@media (min-width: 800px) and (max-height: 800px) {

}





@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; } }