.mobilelogo {
    background: white;
}

#sidr-0-button {
  display: none;
}

@media only screen and (max-width:1024px) {   
    
    .applynow-button {
  position: fixed;
  bottom: 10px;
  right: 10px;
      border: 1px solid white !important;
    background: #2d7dcb;
    color: white !important;
    padding: 10px 30px !important;
    margin: 0px 0px 0px 15px;
    border-radius: 10px;
}
    
    html, body {
    overflow-x: hidden;
    max-width: 100vw;
}
    
    body {
          margin-top: 44px !important;
}

.flex-gallery .view-content .views-row {
    width: 90vw;
    margin-top: 30px;
}

.news-wpic button {
    position: relative;
    bottom: 0px;
    left: 0px;
}

#zone-content-wrapper .Search-views, 
#zone-content-wrapper .Search-views .views-exposed-form {
    display: block !Important;
  position: absolute;
  top: -35px;
  left: 2.4vw;
  height: 60px;
  z-index: 100;
}

#zone-content-wrapper .Search-views, 
#zone-content-wrapper .Search-views .views-exposed-form, 
#zone-content-wrapper .Search-views #edit-title { 
width: 90vw;

}

#zone-content-wrapper .Search-views #edit-title::placeholder {
color: white !important;
font-family: 'Nunito Sans', sans-serif;
font-size: 14px;
}

.sidr-class-desktoponly {
  display: none !important;
}
    
    .search-block-icon {
  position: fixed;
  right: 5px;
  top: 0px;
  border-left: 1px solid #76b2e1;
  padding-left: 8px;
  padding-right: 3px;
  padding-top: 7px;
  height: 37px;
}

.search-block-icon img {width: 24px;height: auto;}
    
    #block-views-exp-search-views-page {
        display: none;
    }
    
    .Search-views, .Search-views .views-exposed-form, .Search-views #edit-title { 
width: 45vw;
}

.Search-views #edit-title::placeholder {
font-size: 2vw;
}
    
#superfish-1, #superfish-2 {
    display: none;
}

.socialtop {
    justify-content: flex-start;
    margin-left: 50px;
    display: none;
}

}


@media only screen and (max-width:800px) {    

    #zone-menu {
  position: relative;
  top: 1000px;
}


    body {
    font-size: 20px;
}

.page-layout-normal .bodytext2 {
  width: 70vw !important; 
}

.bodytext2 {
  position: relative;
  top: 0px;
  width: 80vw;
  background: white;
  padding: 30px 50px 30px 50px;
  margin: 70px auto;
    line-height: 24.5px;
}

.socialtop {
    justify-content: right;
}

header {
    height: 0px;
}

.one-page-overlap {
    position: relative;
    top: 0px;
    width: 90vw;
    padding: 20px 0px;
}

.page-layout-normal .bodytext2, .bodytext2 {

}

.page-layout-none {
background: white !Important
}

h2 {
    font-size: 2.1rem;
}

iframe {
border: 0px solid white !important;
}

.searchbar {

}

.searchbar input[type="search"] {
    height: 24px;
}

.hometrans {
display: none;
  position: absolute;
  left: 10px;
  top: 55px;
z-index: 500;
background: transparent;
}

.headermobile.Large img{
  height: 300px; 
}

.news-view-rows .view-content {
  flex-direction: column;
  width: 100vw;
}

.news-titlewbody {
  font-size: 20px !important;
}

.news-title {
  font-size: 15px;
  line-height: 20px;
}

.news-view-rows .view-content .views-row {
   width: 100%;
}

.pgtitleNormal, .pgtitleLarge {
    margin-left: 3vw;
    font-size: 2rem;
}

.box-left-side, .box-right-side,.box-right-side img {
    height: auto;
}

.split-img-text {
   
    width: 80vw !important;
    flex-direction: column;   
margin-top: 0px !Important;
padding-top: 70px;
}

.split-img-text img {
  width: 100vw !Important;
  position: relative;
  left: -10vw;
    object-fit: contain;
}

.box-right-side {
    margin-bottom: 20px;
}

.box-left-side {
    width: 100%;
    padding: 0px 0px;
    height: auto;
    margin-bottom: 25px;
}

.bluebg-list {
    background: #0e3459;
       width: 90%;
}

.bluebg-body {
    font-size: 18px;
}
.sidr ul li a, .sidr ul li span {
 font-size: 20px;
}   
    
.socialtop-block {
    position: relative;
    right: 0px;
    top: 3px;
    z-index: 0;
    width: 100vw;
}



    .mobileonly {
        display: block !important;
    }
    


#zone-header-wrapper {
  background: white;
}



#zone-menu {
  background: white;
  padding-top: 0px;
  height: 0px;
  box-shadow: 0 0px 0px 0px transparent;
  z-index: 200;
}
    
    #sidr-wrapper-0 {
    display: none !important;
}

#sidr-wrapper-1 a {
  color: white;
}

#sidr-wrapper-1 {
  background: transparent;
  border-left: 1px solid #76b2e1;
  width: auto;
  font-size: 18px;
  height: 37px;
  position: fixed;
  top: 0px;
  right: 50px;
  padding-top: 2.5vw;
  padding-left: 10px;
  padding-right: 2px;
}

#sidr-1-button {

 
}
    
    .news-titlewbody {
    font-size: 20px;
}

.news-body {
    font-size: 18px;
}

.buttonspace-nobox button {
    font-size: .9rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-top: 20px;
}
    
.block-title {
    font-size: 28px;
}

.bluetext {
    font-size: 1.1rem;
    line-height: inherit;
}

.section-footer {
 font-size: 20px;
}

.section-footer a {
  line-height: 30px;
}

.new-blockhead  {
  margin-bottom: 30px !important;
  font-size: 17px;
  line-height: 24px;
}

.darkbluebg .vimeovid {
left: 0px;
width: 100vw;
}

    .footer-4 {
    flex-direction: column;
    }
    
    .footer-foot {
    margin-bottom: 20px;
}

.footertitle {
    margin-bottom: 20px;
    font-size: 20px;
}

.news {
    padding-right: 0px;
    width: 90%;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size: 18px;
}

.news a {
    font-size: 20px;
}
    
   button {
    margin-bottom: 30px;
    }
    
     iframe{
  max-width: 100% !important;
}

    .block-50 {
width: 100%;
}

.region-blockgroup-news-and-school-inner, .region-blockgroup-news-and-highlights-inner {
    flex-direction: column;
    width: 90vw;
}

.news-wpic {
height: auto;
    width: 100%;
    margin-bottom: 20px;
    background: white;
    margin-left: auto !important;
    margin-right: auto !important;
}

.news-wpic:first-child {
    margin-left: 0px;
}

.news-wpic img {
        width: 100%;
    object-fit: cover;
}

.region-blockgroup-news-and-highlights-inner .view-content {
    flex-direction: column;
  width: 100%;
    margin-bottom: 0px;
}

.flex2 {
  display: flex;
   flex-wrap: wrap;
  justify-content: space-evenly;
  color: white;
  width: 80vw;
  margin-left: auto;
  margin-right: auto;

  }

  .flex2-inner {
    width: 100%;
    margin-bottoM: 20px;
    font-size: 20px;
  }
  
  .givebg {
   height: auto;
   padding-top: 20px;
   padding-bottom: 20px;
  }
  
}


@media only screen and (max-width:1000px) {    



#zone-header-wrapper {
  background: white;
}


    
}

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

#sidr-wrapper-1 {
    padding-top: 1vw !important;
}

}