@media (min-width: 1750px) {

.container {
max-width: 1600px;
}

}


@media (max-width: 1600px) {

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

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

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

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

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

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

#welcome .container {
max-width: 950px;
}

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

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

}


@media (max-width: 1500px) {

header#masthead {
width: 95%;
margin: 0 2.5%;
}

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

}


@media (max-width: 1400px) {

header#masthead {
width: 96%;
margin: 0px 2%;
}

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

.searcharea input,
.secondary-nav .quicklink-toggle {
font-size: 9px;
}

}

@media (max-width: 1350px) {

#navigation .nav-menu a {
padding: 0 10px 15px;
}

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

}


@media (max-width: 1300px) {

header#masthead {
top: 30px;
height: calc(180px - 50px);
}

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

}


@media (max-width: 1250px) {

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

.secondary-nav {
top: 28px; margin-right: 120px;
}

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

.search.secondary-header, .searcharea input {
width: 45px;
}

.searcharea input {
padding-left: 45px;
}



.extra-links span {
display: none;   
}

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

h1, h2 {
font-size: 38px
}

#welcome p,
.image-block-cont .image-block p,
section p {
font-size: 16px;
}

#welcome .image {
width: 360px;
height: 450px;}
#welcome .container {
left: 0px;    max-width: 900px;
}

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

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

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

.buttons a:hover, .button a:hover {
padding: 17px 25px;
}

#content {
  margin-left: 50px;
}



}


@media (max-width:1200px) {



}


@media (max-width: 1150px) {



}


@media (max-width: 1100px) {

#what-we-offer .container {
width: 94%;
}

.image-block-cont .image-block h3 {
font-size: 20px;
}

footer#site-footer .container {
padding: 70px 0;
align-items: flex-start;
justify-content: space-between;
flex-direction: column;
}

footer#site-footer .details {
width: 100%;
}

footer#site-footer  #school-logo {
margin-top: 20px; width: 90%;
text-align: left;        font-size: 32px;
}

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

h2 {
font-size: 28px; 
}

h3 {
    font-size: 21px;
}

}


@media (max-width:1050px) {

    #content {
    width: calc(100% - 6%);
    margin-left: 3%;
}

#page:before {
  opacity: 0.5;
}

#sidebar1 {
display: none;
}

#welcome::before {
width: 70px;
height: 239px;
}





}


@media (max-width: 1000px) {


}

@media (max-width:950px) {

}


@media (max-width: 900px) {

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

.secondary-nav .social-media {
display: none;
}

}


@media (max-width:850px) {
#welcome {
padding: 50px 0px;
}
#welcome .container {

flex-direction: column; width: 84%;
}

#welcome .message {
width: 100%;
}

#welcome .image {
width: 100%;margin-top: 20px;height: 380px;
}

}


@media (max-width: 800px) {

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

.buttons a:link, .buttons a:visited, .button a:link, .button a:visited {
color: #fff;
padding: 18px 35px;
font-size: 11px;
letter-spacing: 2px;
}

#hero .tagline {
bottom: 80px;
}

#welcome::before {
z-index: 99999;
}

#welcome::after {
display: none;
}

section {
padding: 40px 0;
}

#what-we-offer .container {
padding: 60px 30px;
}

#what-we-offer .button a:link, #what-we-offer .button a:visited{
bottom: -80px;
}

#employer-partners .container {
padding: 40px;
}

}


@media (max-width: 750px) {

iframe,
object {
width: 100%;
}

}


@media (max-width:700px) {

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



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

#content {
  margin-top: 40px !important;
}

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

}


@media (max-width: 650px) {

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

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

}


@media (max-width: 600px) {

.secondary-nav {
display: none;
}

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

#hero .tagline span {
text-align: center;        font-size: 30px;
}

#hero:after {
width: 130px;
height: 180px;
}

#what-we-offer .button a:link, #what-we-offer .button a:visited {
bottom: -80px;
}



}


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

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

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

    .page-title h1 {
    font-size: 23px;
}
h2 {
    font-size: 21px;
}

    h3 {
    font-size: 19px;
}

h4 {
    font-size: 17px;
}

}



@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%;
margin: 0px 3% 20px;
}

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

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

.details-cont {
flex-direction: column;
}

.phone {
margin-top: 30px;
}
.logo, .logo img {
height: 20px;
width: auto;
}

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

.menu-button {
right: 10px;
}

.menu-button {

font-size: 12px;
}

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

#welcome .button {
align-items: flex-start;

}

.buttons a:link, .buttons a:visited, .button a:link, .button a:visited {

padding: 15px 26px;
}

section h2, section h1 {
    font-size: 23px;
}
.image-block-cont .image-block img {
    height: 50px;
    width: auto;
}
    .image-block-cont .image-block h3 {
    font-size: 18px;
}
.image-block-cont .image-block p, section p {
    font-size: 14px;
}
}

@media (max-width:425px) { 

.buttons a:nth-child(2) {
display: none;
}

#hero .tagline span {
margin-bottom: 25px;
}

#hero .tagline {
bottom: 40px;
}

}


@media (max-width:350px) { 

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

.menu-button {
right: 4px;
}


}

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




}

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