@media only screen and (max-width: 3000px) {
 
 	#slideshow{
	 	flex:50% 1 0;
 	}
 	
 	#slideshow div, #slideshow div img{
	 	width:100%;
	 	
 	}
}
@media only screen and (max-width: 1900px) {
 
 	#slideshow{
	 	flex:60% 1 0;
 	}
}
@media only screen and (max-width: 1599px) {
 
 	#slideshow{
	 	flex:70% 1 0;
 	}
}
@media only screen and (max-width: 1500px) {
 
 	#slideshow{
	 	flex:80% 1 0;
 	}
}

@media only screen and (max-width: 1500px) {
 
 	#slideshow{
	 	flex:80% 1 0;
 	}
}

@media only screen and (max-width: 1300px) {
 
 	#slideshow{
	 	flex:90% 1 0;
 	}
}

@media only screen and (max-width: 1200px) {
 
 	h1, #myentry h1{
	 	font-size:50px;
	 	line-height:50px;
 	}
 	
 	.page-template-0_amenities #content-2{
	 	padding-bottom:0;
 	}
 	
 	.lightSlider li, .building .images  {

    height: 300px;
}
 	
}

@media only screen and (max-width: 1100px) {
 
 	h1, #myentry h1{
	 	font-size:45px;
	 	line-height:45px;
 	}
 	
 	
	
 	
}
@media only screen and (max-width: 1000px) {
 
 	h3{
	 	font-size: 15px;
	 	line-height: 26px;
 	}
 	
 	#slideshow{
	 	flex:100% 1 0;
 	}
 	
 	.page-template-0_availability #content .col-50{
	 	flex:100% 0 0;
 	}
 	
 	.page-template-0_availability #content{
	 	max-width:700px;
	 	margin:0 auto;
	 	padding:0 20px;
 	}
 	
}
@media only screen and (max-width: 900px) {
 
 #mytrees{
	 margin:0 auto;
 }
 	h1 , #myentry h1{
    font-size: 35px;
    line-height: 40px;
}

.page-template-0_sustainability #content, .single-post #content{

	padding-top:0px;
}

.page-template-0_sustainability #header, .single-post #header{
	height:inherit;
}


.tribe-events-event-image, .tribe-events-single-event-description{
	flex:100% 0 0;
	padding:0px !important;
}
#hamburger{
	display: block;
}


#menu{
}

.col-50.g-map, .col-50.find-us{
	flex:50% 0 0;
}

#header{
	position: inherit;
}
	h2 {
    font-size: 20px;
    line-height: 25px;
    margin: 0px;
}
 	 	#nav{
	 	display:none;
 	}
 	
#footer .flex{
	 	display:block;
 	}
 	 	#footer h6{
	 	margin-top:5%;
 	}
 	

 	.bottom-right{
		text-align: left;
		position: inherit;
	
	}
	
 		.bottom-right .align-right{
		text-align: left;
	}
	
	#footer #gros, #footer #insta{
		margin-top:5%;
		float:none;
	}
	
	#footer #insta{
		margin:0 auto 20px auto;
	}
	
	
		.col-20,.col-30,.col-40, .col-50, .col-60,.col-70, .col-80{
		
		flex:none;
		margin: 0;
	}
	
	#panel{
		display:block;
	}
	
	.page-template-0_amenities #content{
		min-height: inherit;
	}
	.page-template-0_amenities #content .col-40{
	}
	
	#blocks{
		max-width:700px;
	}
	.page-template-0_amenities #content .col-40{
		padding-right:0px;
    padding-bottom: 100px;
	}
	
	.middle{
		align-items: start;
		flex-wrap:wrap;
	}
	.middle.reverse{
		flex-wrap:wrap-reverse;
	}
	
	.page-template-0_amenities #content, .middle{
		min-height:inherit;
	}
	.page-template-0_amenities #content{
		padding-top:40px;
	}
	#panel .col-80{
		padding:5%;
	}
 	#copy {
	    flex: 100% 0 0;
	}
	.flex{
		display:block;
	}
	
	#panel{
		    width: 90%;
		    margin-left:5%;
	}
	.middle{
		flex:none;
		display:block;
		height:auto;
	}
	.building .inquire {
    margin-top: 20px;
    margin-bottom:20px;
}
		
	#footer, .bottom-right .align-right{
		text-align: center;
	}
	
	#footer #gros{
		margin:5% auto;
	}
	

	
 	.home h1 br{
	 	display:none;
 	}
 	
 	.home h1{
	 	padding-left:0px;
 	}
 	
 	#logo img {
		width:140px;
	}

	#logo{
		float:none; 
		margin:0 auto;
		display: block;
		width:140px;
    margin-top: 20px;
	}
	
	#copy{
		text-align: center;
	}
	
	#slideshow > div{
		bottom:auto;
	}
	.home #content{
		min-height: inherit;
	}
	#slideshow{
		position: inherit;   
    min-height: 90vw;
	}
}


@media only screen and (max-width: 768px) {
 .page-template-0_sustainability h1{
	 text-align: center;
	 font-size:30px; line-height: 30px;
 }
 	.gfield{
	flex:100% 0 0;
}

.gm-style .gm-style-iw{
	width:200px !important;
}
	.wpgmp_tabs_container{
		max-width: none !important;
	}
	
	.wpgmp_tabs_container .wpgmp_tab_item .wpgmp_cat_title span.arrow{
		margin-top:-1px !important;
	}
.wpgmp_tabs_container{
	margin-right:0px !important;
	margin-top:0px !important;
}
 	
}
@media only screen and (max-width: 600px) {
 	.building .text{
	 	width:100%;
	 	float:none;
	 	max-width:100%;
 	}
 	.lSSlideOuter{
	 	float:none !important;
	 	width:100%;
	 	height:80vw;
 	}
 	.lightSlider li, .building .images  {
    width: 100%;
	 	height:80vw;
}

	.lSSlideOuter{
		
    margin-right:0px !important;
	}
	
	.building .text{
		padding:7%;
	}
	.modal #chairs, .modal .image{
		height:150px;
		flex:100%;
	}
	
	#mymodal, .mymodal{
		display: block;
	}
	
	#myform, .mymodal{
		flex:100%;
	}
	
	#footer #insta{
		width:30px;height:30px;
	}
	
	
	.col-50.g-map, .col-50.find-us{
	flex:100% 0 0;
}
.g-map{
	height:50vh;
}
.g-map, .find-us {
    min-height: 50vh;
    text-align: center;
}

.col-50.find-us{
	display:block;
}
 
}

@media only screen and (max-width: 400px) {
 
 #blocks{
	 padding-right:0px;
 }
 
 .home h1 br{
	 display:block;
 }
 
 .inner div{
	 
    padding: 0 5%;
    text-align: center;
 }
 
}