html, body, header, .jarallax {
	 height: 75vh;
}
 @media (max-width: 740px) {
	 html, body, header, .jarallax {
		 height: 100vh;
	}
}

 @media (min-width: 800px) and (max-width: 850px) {
	 .navbar:not(.top-nav-collapse) {
		 background: #24355c !important;
	}
	 .navbar {
		 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12) !important;
	}
}
 .map-container {
	 overflow: hidden;
	 padding-bottom: 56.25%;
	 position: relative;
	 height: 0;
}
 .map-container iframe {
	 left: 0;
	 top: 0;
	 height: 100%;
	 width: 100%;
	 position: absolute;
}
 .tab-content .pricing-card .price .number:after {
	 content: "/gal";
	 position: absolute;
	 font-size: 1.88rem;
	 margin-top: 3rem;
}
 .tab-content .pricing-card .price.monthly .number:after {
	 content: "";
	 position: absolute;
	 font-size: 1.88rem;
	 margin-top: 3rem;
}
 .tab-content .pricing-card .price.nightly .number:after {
	 content: "";
	 position: absolute;
	 font-size: 1.88rem;
	 margin-top: 3rem;
}
 .tab-content .pricing-card .price.flat .number:after {
	 content: "";
	 position: absolute;
	 font-size: 1.88rem;
	 margin-top: 3rem;
}
 h1.display-4 {
	 font-size: 150%;
}
 @media (min-width: 576px) {
	 h1.display-4 {
		 font-size: 170%;
	}
}
 @media (min-width: 768px) {
	 h1.display-4 {
		 font-size: 200%;
	}
}
 @media (min-width: 992px) {
	 h1.display-4 {
		 font-size: 250%;
	}
}
 @media (min-width: 1200px) {
	 h1.display-4 {
		 font-size: 350%;
	}
}



@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none)  {  
   
   /* IE10+ specific styles go here */  
   
   #home > div.mask.rgba-indigo-light > div > div {
       width:100%;
   }
   
   #panel33 > section > div > div.col-lg-4.d-flex.col-md-6.mb-lg-0.mb-4 > div,#panel33 > section > div > div.col-lg-4.d-flex.col-md-6.mb-lg-0.mb-4 > div > div > div,#carousel-associations > div.carousel-inner.v-2 > div.carousel-item.mb-1.active > div > div {
       width: 100%;
   }
   
    html, body, header, .jarallax {
	 height: unset;
    }
    
    body > main > div.streak.streak-photo > div > div.container {
        width:100%;
        max-width:100%;
        padding-right:15px;
        padding-left:15px;
        margin-right:auto;
        margin-left:auto;
    }
    #home > div.mask > div.d-flex > div.row {
        width:100%;
    }
   
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none), all and (min-width:768px)  {  
   
   /* IE10+ specific styles go here */  
    
    .carousel-multi-item .col-md-4 {
        max-width: 33.3%;
    }
   
}