@charset "utf-8";
/* CSS Document */
@media (max-width: 1900px) {
	#home .about h2{
		width:40%;
		font-size:80px;
	}
	
	#home .wrapper .overlay{
		 
		padding: 100px 5% 80px 5%;
		bottom:-30px;
	}
	
	#home .testimonial .overlay{
		width:25%;
	}
	
	h2{
		font-size:80px;
	}
	
	#home .tour .overlay{
		width:30%;
	}
	
	#footerwrapper .right{
		margin:0 0 0 7%;
	}
}

@media (max-width: 1650px) {
	#footerwrapper .right {
		margin: 0 0 0 4%;
	}
	
	#home .tour .overlay {
		width: 30%;
		padding: 60px 4% 80px 10%;
		margin: 0px 0 0 -15%;
	}
	
	#home .about h2{
		width:50%;
		top:70px;
	}
	
	#home .wrapper.about .overlay {
		width: 65%;
	 
		bottom: -120px;
	}
	
	#home .testimonial .vid{
		top:60px;
	}
	
	#pages.admissions .bring {
	 
		margin: 0 0 -200px 0;
	}
	
	#pages.admissions .overlay{
		top:22%;
	}
	
	#pages.admissions .wrapper{
		width:98%;
	}
	
	 
	
	 
}

@media (max-width: 1400px) {
	
	.main{
		width:1200px;
		max-width:100%;
	}
	
	#home .about h2 {
		width: 100%;
		position:relative;
		top:0;
		text-align:center;
	}
	
	#home .about .content{
		float:none;
		width:100%;
	}
	
	#home .about .overlay .first {
		float: none;
		width: 100%;
	}
	
	#home .testimonial h2{
		font-size:45px;
		width:25%;
	}
	
	#home .wrapper.testimonial .overlay{
		padding:4%;
		bottom:20px;
	}
	
	.testimonials{
		padding:70px 0;
	}
	
	#footerwrapper .right {
		margin: 0 0 0 0%;
	}
	
	#pages.about .left h2 {
		font-size: 48px;
		width: 140%;
	}

}

@media (max-width: 1200px) {
	
	.main{
		width:1000px;}
	
	#home .head{
		background-attachment:scroll;
	}
		
	#home .service, #home .service.two{
		width:44%;
		margin:2%;
		height:400px;}
	
	
	#home .service h2{
		font-size:40px;
	}
	
	#home .wrapper.tour h2 {
		font-size: 50px;
	}
	
	#home .wrapper .overlay{
		bottom:-100px;
	}
	
	#home .testimonial h2{
		width:100%;
		text-align:center;
	}
	
	#home .testimonial h2 .sub{
		margin:15px 0;
	}
	
	#home .testimonial .vid{
		position:static;
		width:100%;
	}
	
	#home .wrapper .overlay{
		width:92%;
		bottom:20px;
	}
	
	#home .testimonial .overlay .quote{
		text-align:center;
	}
	
	#home .testimonial .overlay .quote img{
		margin:-20px 0 0;
	}
	
	
	.main-menu{
	  position: absolute;
	  display: none;
	  right:0;
	  top: 0;
	  height: 100%;
	  transition: left 0.3s ease, box-shadow 0.3s ease;
	  z-index: 999;
		 
	}
	
	.main-menu ul{
	  list-style: none;
	  margin: 0;
	  padding: 2.5em 0 0;
	 
	  -webkit-box-shadow: -8px 0 8px rgba(0,0,0,.5);
		 -moz-box-shadow: -8px 0 8px rgba(0,0,0,.5);
			  box-shadow: -8px 0 8px rgba(0,0,0,.5);
	  min-height: 100%;
	  width: 170px;
	  background: #1a1a1a;
	  text-align:right;
	  z-index:9;
	 
	 
	}
	
	.nav li {
		display: block;
		margin: 0 0 0 0px;
	}
	 
	
	 #navwrapper .sub_menu{
		visibility: hidden;
		position: absolute;
		z-index: 999;
		top: 0px!important;
		left: -350px;
		width: 200px;
		border-top: none;
		padding: 0;
		display:none;
	}
	
	#navwrapper .sub_menu li.first {
		margin: 0;
	}
		
	#topwrapper .fa{
		display:block;}
	
	  
	#topwrapper #navwrapper .sub_menu li a {
		font-size: 14px;
		padding: .75em  5px;
	}
	
	#navwrapper .fa-bars{
		color:#fff;
		position:fixed;
		right:20px;
		top:25px;
		font-size:22px;
	}
	 
	#navwrapper .fa-bars.scrolled{
		color:#fff;
		font-size:18px;
		display: block;
		z-index:9;
		width: 18px;
		height: 20px;
		padding: 20px;
		background:rgba(4,30,40,0.7);
		position:fixed;
		top:0;
		right:0;
	}
	
	 
	
	.fa-close{
		font-size:22px;
	}
	
	#topwrapper #navwrapper .menu-toggle, #topwrapper #navwrapper .menu-close{
		display:block;
		padding:0;
	}
	
	#topwrapper  #navwrapper {
		width: 100%;
		float: none;
		text-align: left;
		margin:0;
	}
 
	 
	 
	
	.logo img{
		width:100%;
	}
	
	#topwrapper  #navwrapper a {
		padding: 15px 0 0 0;
		font-size: 20px;
	}
	
	 

	.main-menu li:first-child a {
	 
	}
	
	.main-menu a:hover,
	.main-menu a:focus,
	{
	  background: #333;
	  text-decoration: none;
	}
	
	#topwrapper #navwrapper .main-menu a, #topwrapper #navwrapper .sub_menu li a{
	  display: block;
	  padding: .75em 15px;
	  line-height: 15px;
	  font-size: 15px;
	  color: #fff;
	  text-decoration: none;
	  border-bottom: 1px solid #383838;
	}
	
	#topwrapper #navwrapper .sub_menu li, #topwrapper #navwrapper li{
		margin:0;
	}
	
	 
	.main-menu .menu-close {
	  position: absolute;
	  right: 0;
	  top: 0;
	  border-bottom: none!important;
	}
	 
	.main-menu:target, .main-menu[aria-expanded="true"]{
	  display: block;
	  right:0;
	  outline: none;
	  -moz-box-shadow: 3px 0 12px rgba(0,0,0,.25);
	  -webkit-box-shadow: 3px 0 12px rgba(0,0,0,.25);
	  box-shadow: 3px 0 12px rgba(0,0,0,.25);
	  
	  
	}
	
	.main-menu:target .menu-close, .main-menu[aria-expanded="true"] .menu-close{
	  z-index: 1001;
	}
	
	.main-menu:target ul, .main-menu[aria-expanded="true"] ul, {
	  position: relative;
	  z-index: 1000;
	}
	 
	.main-menu:target + .backdrop,
	.main-menu[aria-expanded="true"] + .backdrop{
	  position: absolute;
	  display: block;  
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  z-index: 998;
	  background: #000;
	  background: rgba(0,0,0,.85);
	  cursor: default;
	  
	}
	
	
	@supports (position: fixed) {
	  .main-menu,
	  .main-menu:target + .backdrop,
	  .main-menu[aria-expanded="true"] + .backdrop{
		position: fixed;
		 
	  }
	  
	  #footerwrapper .right{
		  display:none;
	  }
	  
	  #footerwrapper .social{
		  width:20%;
	  }
	  
	  #pages.about .left h2 {
		font-size: 40px;
	  }
	  
	  #pages.about .left .image{
		  width:82%;
	  }
	  
	  #pages.about .left .par{
		  padding:30px;
	  }
	  
	  #pages.about .testimonials {
		margin: 0px 0 0 0;
	  }
	  
	  #pages.tour .image{
		  float:none;
		  width:80%;
		  margin:0 auto 10px auto;
	  }
	  
	  #pages.tour .list {
		float:none;
		width: 66%;
		margin: 0 auto;
		text-align:center;
		padding: 40px 7%;
	  }
	  
	  #pages.admissions .bring{
		  margin:0;
	  }
	  
	  #pages.admissions .box{
		  float:none;
		  margin:0 auto 30px auto;
		  padding:30px 5%;
		  width:65%;
	  }
	  
	  #pages.admissions .box.right{
		  margin:0 auto;
		  float:none;
		  
		  width:65%;
	  }
	  

}

@media (max-width: 1000px) {
	
	.main{
		width:960px;}
	
	#home .service h2 {
		font-size: 30px;
	}
	
	.padding {
		padding: 40px 0;
	}
	
	#home .wrapper.about .overlay{
		position:relative;
		width:90%;
		padding:40px 5%;
		bottom:0;
		left:0;
	}
	
	
	
	#pages.amenities .amenity{
		width:48%;
	}
		
}

@media (max-width: 960px) {
	
	.main{
		width:93%;}
	
	#home .service, #home .service.two{
		height:350px;
	}
	
	#home .service .button{
		position:relative;
		margin:0 auto;
		right:0;
	}
	
	#home .service h2{
		bottom:90px;
		left:0;
		width:100%;
		text-align:center;
	}
	
	#home .wrapper .overlay {
		bottom: -40px;
		
    	padding: 50px 4% 50px 10%;
	}
	
	#pages.about .left, #pages.about .right{
		float:none;
		width:100%;
	}
	
	#pages.about .right{
		display:none;
	}
	
	#pages.about .left h2{
		text-align:center;
		margin:0;
		width:100%;
	}
	
	#pages.about .left .image {
		width: 100%;
	}
	
	#pages.services .service, #pages.services .service.right{
		float:none;
		width:100%;
	}
	
	#pages.services .image {
		position: relative;
		max-height: 400px;
		overflow: hidden;
	}
	
	#pages.services .desc{
		padding:30px;
		width:88%;
	}
	
	#pages.admissions .overlay {
		top: 12%;
	}

}

@media (max-width: 850px) {
	h3{
		letter-spacing:1px;
	}
	
	#home .about h2{
		font-size:60px;
	}
	
	#home .service, #home .service.two {
		height: 300px;
	}
	
	h2 {
		font-size: 60px;
	}
	
	#pages.contact .box h2, #pages.contact #form h2, #pages.contact .form.greeting h2{
		font-size: 30px;
	}
	
	#home h1 {
		font-size: 80px;
	}

	#pages.contact .form{
		margin:0 auto -100px;
	}

	#pages.contact .form.greeting{
		margin-top:130px;
	}

	#pages.contact .map iframe{
		height: 500px;
	}
	
	
}

@media (max-width: 750px) {
	#home .service, #home .service.two {
		height: 250px;
	}
	
	#home .service h2{
		bottom:70px;
	}
	
	.copy .left, .copy .right{
		float:none;
		width:100%;
		text-align:center;
		margin:5px 0;
	}
	
	.testimonials .par{
		width:70%;
	}
	
	.testimonials{
		background-position:center;
		padding:60px 0;
	}
	
	#pages.amenities .label{
		letter-spacing:0;
	}
	
	#pages.admissions .overlay{
		position:relative;
		width:90%;
		margin:20px auto 0 auto;
	
	}
	
	#pages.admissions .overlay .text{
		color:#000;
	}
	
	#pages.admissions .box, #pages.admissions .box.right{
		width:85%;
	}
	
	#home .cms h2{
		font-size:large;
	}
	
	#home .cms .cmslogo{
		width:125px;
	}
	
	#home .cms .chart{
		font-size:small;
	}
	
	#home .cms .star{
		transform:scale(.75);
	}
}

@media (max-width: 650px) {
	#home h1 {
		font-size: 70px;
	}
	
	h3{
		font-size:20px;
	}
	
	#home .service, #home .service.two {
		height: 220px;
	} 
	 
	
	#home .tour .pic{
		float:none;
		width:100%;
	}
	
	#home .wrapper.tour .overlay {
		width: 86%;
		bottom: 0;
		float: none;
		margin: 0;
	}
	
	#home .tour h3{
		margin:0 0 10px 0;
	}
	
	#home .wrapper.tour .overlay{
		width:100%;
		padding:30px 0;
	}
	
	#home .wrapper.tour .button{
		margin:20px auto 0 auto;
	}
	
	#home .tour h3, #home .tour h2{
		text-align:center;
	}
	
	h2, #home .wrapper.tour h2 {
		font-size: 40px;
	}
	
	#pages.about .left .par {
		padding: 30px 5%;
		margin:0;
		width:90%;
	}
	
	#pages.amenities .label {
		position: relative;
		left: 0;
	}
	
	#pages.tour .image{
		width:100%;
	}
	
	#pages.tour .list {
	 
		width: 96%;
		 
		padding: 40px 2%;
	}
	
	#pages.services .desc{
		width:80%;
	}

}

@media (max-width: 550px) {
	#footerwrapper .logo{
		float:none;
		margin:0 auto 10px auto;
	}
	
	#footerwrapper .info{
		float:none;
		margin:0 auto 10px auto;
		width:100%;
		text-align:center;
	}
	
	#footerwrapper .social{
		float:none;
		margin:0 auto;
	}
	
	
	#home .service, #home .service.two {
		height: 140px;
	}
	
	#home .service h2 {
		font-size: 16px;
	}
	
	#home .service h2 {
		bottom: 40px;
	}
		 
	
	#home h1 {
		font-size: 50px;
	}
	
	#home .covid a{
		display:block;
		width:200px;
		margin:5px auto;
	}
	
	#home .tour .link{
		top:35%;
	}
	
	h1 {
		margin: 25% auto 0 auto;
	 
		font-size: 40px;
		 
	}
	
	#home .about h2 {
		font-size: 40px;
	}
	
	#home .testimonial h2{
		font-size:35px;
	}
	
	#home .testimonial h2 .sub{
		font-size:18px;
	}
	
	#home .testimonial .overlay .quote{
		font-size:25px;
	}
	
	.testimonials .quote{
		display:none;}
	
	.testimonials .par{
		width:95%;
	}
	
	#pages.about .left h2 {
		font-size: 25px;
	}
	
	#pages.services .name{
		font-size:40px;
	}
	
	.flex{
		margin:50px 0 20px 0;
	}
	
	#pages.amenities .label{
		font-size:11px;
		padding:5px;
	}
	
	.trigger{
		width:90%;
		margin:0 auto 5px auto;
	}
	
	#pages.tour h2{
		font-size:40px;
	}
	
	#pages.admissions .overlay h2{font-size:30px;
		margin:0 0 10px 0;
	}
	
	#pages.admissions .wrapper .text{
		width:93%;
	}
	
	#pages.admissions .col, #pages.admissions .col.right{
		float:none;
		width:100%;
	}
	
	.flex {
		margin: 0px 0 20px 0;
	}
	
	#pages.contact .form {
		padding:30px 4%;
	}
	
	#pages.services .desc{
		width:100%;
		padding:30px 0;
		box-shadow:none;
	}
	
	#pages.admissions .link{
		width:45%;
		margin:1%;
	}
	
	#pages.admissions .link img{
		width:100%;
	}
	
	#pages.admissions .link.empty{
		width:45%;
		padding:12px 0;
	}
	
	 
	
	#home .wrapper .overlay {
		font-size: 16px;
	}
	
	#pages.about .left .par .text, #pages.services .desc, .text {
		font-size: 16px;
	}
	
	#pages.amenities .text.center{
		margin:0 0 30px 0;
	}
	
	#home .head .overlay {
		top: 18%;
	}
	
	#home .cms .chart{
		display:flex;
		flex-wrap:wrap;
	}
	
	#home .cms .row{
		flex:1;
		flex-direction:column;
	}
	
}