@media only screen and (max-width:1680px){
h2 {top:-2rem;font-size: 10vw;}
.home-nav a {font-size:.75rem}
.home-nav a strong { font-size:1rem;}
.home-nav a img {width:6.5rem; }
.home-nav a span { width:calc(100% - 8rem);}
}

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

h1 { font-size:2rem}
h3 {font-size:1.75rem;}
.bio figure { float:left; width:30%; max-width:500px; margin-right:2rem;}
.home-nav a {font-size:.75rem}
.home-nav a strong { font-size:1rem;}
.home-nav a img {width:6.5rem; }
.home-nav a span { width:calc(100% - 8rem);}
}

@media only screen and (max-width:1440px){
.text-holder { font-size:.875rem}
.team .item img {  max-width:300px;}
.page2 .story3 .page-container { align-items:flex-start;}

.inner-text { width:100%; padding:0 10%; margin:2rem 0 0;}
}
@media only screen and (max-width:1399px){
.story4 .image-holder { width:100%}
.story4 .text-container { display:flex; flex-wrap:wrap; flex-direction:row; justify-content: flex-start; width:100%; padding-right:0}
.story4 .page-container .image-holder { order:2}
.story4 .page-container .text-holder { order:1; width:100%; align-self:center; padding:0 5%; margin:2rem auto}
.story4 .page-container figure:first-of-type { margin-bottom:1rem; width:48%; float:left;}
.story4 .page-container figure:last-of-type { margin-bottom:1rem; width:48%; float:right;}

.page2 .story4 .page-container figure:first-of-type { margin-bottom:1rem; width:100%; float: none;}
.story4 .page-container .text-container figure:last-of-type { width:100%;}
}

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


.page2 .story1 .image-holder-bottom, .page2 .story2 .image-holder-bottom { width:50%; display:flex; flex-wrap:wrap; justify-content: flex-end; align-items: center; position:relative; z-index:2; margin-top:-2rem}
.page3 .section5 .text-form, .page3 .section5 .form { width:100%}

.page3 .section5 .text-form { padding-bottom:50px;}

footer .info-text { padding:1.5rem 30px 1.5rem 100px !important;}

}

@media only screen and (max-width:1279px) {
.page2 .image-holder, .page5 .image-holder { width:100% !important; order:2}
.page5 .section3 figure { width:70%; } 
.page5 .section3 .text-container { order:2; }
.page5 .section3 .image-holder { order:1; }
.page5 .section3 .team { order:3; }
.page2 .text-holder, .page5 .text-holder { width:100%; order:1}
.page2 .image-holder-bottom, .page5 .image-holder-bottom { width:100%; order:3}
.page2 .text-container, .page5 .text-container { width:100% !important; padding:0 0 2rem}

.home-nav { position: relative; padding-top:2rem; justify-content:center; margin-top:2rem;}
.home-nav div { width:100%; padding-bottom:2rem;}
.home-nav a img { width:5.5rem; margin-right:1rem;}
.home-nav a span { width:calc(100% - 6.5rem);}
}

@media only screen and (max-width:1152px){
.page3 .story1 .image-holder, .page3 .story3 .image-holder, .page3 .story5 .image-holder, .page3 .story7 .image-holder { order:2}
.page3 .story1 .text-container, .page3 .story3 .text-container, .page3 .story5 .text-container, .page3 .story7 .text-container { order:1;}

.page3 .story2 .image-holder, .page3 .story4 .image-holder, .page3 .story6 .image-holder { order:2}
.page3 .story2 .text-container, .page3 .story4 .text-container, .page3 .story6 .text-container { order:1}

.page3 .story1, .page3 .story2, .page3 .story3, .page3 .story4, .page3 .story5, .page3 .story6, .page3 .story7 { padding-bottom:0}

.page3 .image-holder { width:100%;}
.page3 .text-container { width:100%}
.page3 .text-holder, .page3 .story4 .page-container .text-holder { padding-bottom:2rem}
.page3 + footer { padding-bottom:90px;}

.page3 .section1 .image-holder { width:100%; order:2 !important}
.page3 .section1 .text-container { width:100%; order:1 !important}

.upcoming-events { padding:100px 30px 0 100px; }
}

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

h1 { font-size:1.875rem;}
h3 {font-size:1.5rem;}

/* Page1 Past */
.story1, .story2, .story3, .story4 { padding-bottom:0}
.page1 section { min-height:30vh}
.image-holder { width:100%;}
.text-container {width:100%;}
.text-holder { height:auto !important; margin: 3rem 0; width:100%; padding-left:0}
.story2 .text-holder { height:auto !important; margin:0 0 3rem 0; width:100%; padding-left:0}
.page2 .story2 .text-holder, .page2 .story1 .text-holder , .page2 .story3 .text-holder { padding-left:10% !important; margin:0 0 0 !important}
.page2 .story1 .text-holder { }

.story3 .text-container .text-holder { margin-top:0;}
.story3 .text-container .text-holder figure { float:left; margin-right:0; margin-bottom:3rem; margin-top:1rem; width:100%}

.story4 .image-holder { width:100%}
.story4 .text-container {width:100%;}
.story4 .page-container .image-holder { order:2}
.story4 .page-container .text-holder { width:100%; height: auto !important; padding-left:0 }
.bio figure { width:40%; margin-right:1.5rem; margin-bottom:1.5rem}


.plans .owl-prev, .buildings .owl-prev {width:50px; height:100px;}
.plans .owl-next, .buildings .owl-next {width:50px; height:100px;}

.team .owl-prev {width:50px; height:100px;}
.team .owl-next {width:50px; height:100px;}

/* Page2 Hali*/
.page2 .story1, .page2 .story2, .page2 .story3, .page2 .story4 { padding-bottom:0}
.page2 .image-holder, .page5 .image-holder { width:100%; order:2}
.page2 .text-container, .page5 .text-container {width:100%; order:1; padding-right:0 !important}
.page2 .image-holder, .page5 .image-holder-bottom { order:3; width:100% !important; margin-top:0rem !important; justify-content: center  !important;}
.page2 .story3 .image-holder-bottom figure { margin:0 2% 0; width:46%;}
.page2 .story4 .image-holder-bottom figure { margin:2rem 2% 0; width:46%;}

.page2 .page-container { padding-top:2rem !important}

.page3 .text-holder { margin:0;}
.page3  .story1 .image-holder { width:100%; order:2}
.page3  .story1 .text-container {width:100%; order:1; padding-right:0 !important}
.page3 .story4 .page-container .text-holder { width:100%; margin:0}

.page1 .section2 .story3 .text-holder figure { margin-right:0; margin-bottom:1.5rem; width:100%}
.page1 .section2 .story3 .text-holder p { width:100%}

.inner-text { width:100%; padding:0 0; margin:2rem 0 0;}

.team { padding-top:0}

/*.page1 .story1:first-of-type .page-container, .page1 .story2:first-of-type .page-container { padding-top:0;}*/
.page1 .story2 .page-container .image-holder { order:revert; }
.page1 .story1 .text-holder, .page1 .story2 .text-holder { margin:3rem 0 !important; }
.page1 .section1 .page-container, .page1 .story1:first-of-type .page-container { padding:0;}

}

@media only screen and (max-width:1023px){
/*.story1 .image-holder { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.story1 .text-holder { width:100%; height:40vh; overflow-y:auto; padding:0 2rem;}*/
.section1, .section2, .section3, .section4 { padding: 100px 30px 0 100px;}
.page3 .section1, .page3 .section2, .page3 .section3, .page3 .section4, .page3 .section5 { padding: 50px 30px 50px 100px;}
.section1, .page3 .section1 { padding-top:130px;}
 .logo img { width:150px;}
 body.inner .logo img.onLoad {width:120px;}
 
.page2 .story1 figure, .page5 .story1 figure { width:48%; float:left; margin:0 1%}
.page2 .story1 figure:first-of-type, .page5 .story1 figure:first-of-type { width:98%; float:left; margin:0 1%}
.page2 .story1 .plans figure:first-of-type { width:98%; float:none; margin:0 1%}

.page2 .story2 figure { width:60%; float:left; margin:0 1%;}
.page2 .story2 figure:first-of-type { width:98%; float:left; margin:0 1%}
 .page2 .story2 figure:nth-of-type(3)  { width:28%; margin:0 1%; float:right;}
 
 .page2 .story3 .text-container { padding-top:2rem; padding-bottom:0}
 
 .plans { padding:2rem 0}
}
@media only screen and (max-width:1000px){
.headline { top:60%; left:1rem; }
.slogan1 { font-size:calc(1rem + 4vw); padding:0 0 1rem 0; }
.slogan2 {  }
}
@media only screen and (max-width:800px){

  footer { border-top:1px solid rgba(255,255,255,.2)}
 footer div { width:100%; }
 footer div:first-of-type { padding:0 .5rem 1rem}
h1 { font-size:1.75rem}
h3 {font-size:1.25rem;}

.plans .owl-prev { top:35%; transform:translateY(0%)}
.plans .owl-next { top:35%; transform:translateY(0%)}

.buildings .owl-prev { top:50%; transform:translateY(0%)}
.buildings .owl-next { top:50%; transform:translateY(0%)}

.team .owl-prev { top:13%; transform:translateY(0%)}
.team .owl-next { top:13%; transform:translateY(0%)}

.team .item div { clear:both; padding-top:2rem}
.team .item img { margin-right:0; margin-bottom:0;}

.page2 h3 { font-size:1.25rem;}

}

@media only screen and (max-width:640px){
.logo img { width:110px;}
 body.inner .logo img.onLoad {width:100px;}
 body.inner header.sticky .logo img.onScroll {width:100px; display:block}
 .logo span { display:none;}


.plans .owl-prev {width:40px; height:80px;}
.plans .owl-next {width:40px; height:80px;}

.team .owl-prev {width:40px; height:80px;}
.team .owl-next {width:40px; height:80px;}

h2 { top:0; font-size:12vw}

.article-list-s { width:100%; }
}

@media only screen and (max-width:599px){
.inner-nav { display:none;}
.section1, .section2, .section3, .section4 { padding: 100px 30px 0 30px !important;}

.page3 .section2, .page3 .section3, .page3 .section4, .page3 .section5, .page5 .section-slider { padding: 50px 30px 50px 30px !important;}
.page3 .section1 {padding: 100px 30px 50px 30px !important;}

.team .item img { width:100%; max-width:500px; margin-right:0}
.team blockquote { margin:2rem 0; font-size:1.25rem;}
.team .item {padding: 0;}

.story4 .page-container figure:first-of-type { margin-bottom:1rem; width:100%; float:left;}
.story4 .page-container figure:last-of-type { margin-bottom:1rem; width:100%; float:left;}

.bio figure + p { clear:both;}
.bio figure { width:60%; margin-right: 1.5rem; margin-bottom: 1.5rem;}
footer .info-text { padding:1.5rem 0 !important;}

.slogan1 { font-family: 'Gwen_BG Text'; letter-spacing:-1px;  font-size:calc(1rem + 6vw); display:block; padding:0 0rem 2rem 0rem; text-align:center; line-height:0.8;}
.slogan2 {font-family: 'Gwen_BG Text Book'; font-weight: 300; font-size:calc(1rem + 2.5vw);; display:block; color:#fee9d8; text-align:center; }

.headline { top:30%; transform:translateY(-50%); width: 100%; left:0;  }
.page5 .headline { left:0; top:52%; width:90%; }

.upcoming-events { padding:0px; }

}
@media only screen and (max-width:530px){
.page2 .story2 figure { width:98%; float:left; margin:0 1%;}
.page2 .story2 figure:first-of-type { width:98%; float:left; margin:0 1%}
 .page2 .story2 figure:nth-of-type(3)  { width:60%; margin:0 20%; float:left;}
}
@media only screen and (max-width:480px){
.headline { top:35%;}
}
@media only screen and (max-width:379px){
.bio figure { width:100%; margin-right:0; margin-bottom: 1.5rem;}
}


@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 50px;
  }
  100% {
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 50px;
  }
  100% {
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
  }
}