#cover{
	 -ms-flex-align: center;
	  align-items: center;
	  background-image: url('../../../slide/park.jpg');
	  background-repeat: no-repeat;
	  background-size: cover;
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-direction: column;
	  flex-direction: column;
	  height: 100vh;
	  -ms-flex-pack: center;
	  justify-content: center;	 
	  text-align: center;
	
}
#cover h2{ text-shadow: 2px 2px black; color: white; font-size: 3.3rem;}

#cover-caption{
	width: 100%;
}

.section-content{
	padding: 5rem 0;
}
#about{
	background: url('../../../slide/tree.jpg') left center no-repeat;
	background-size: initial; // contain, cover, initial, etc. 100% 50%;   largura / altura 
}
.about-text{
	background: rgba(0,20,0,0.6);
	color: white;
	padding: 1.875rem;
}

img{
	max-width: 100%;
}
.feature-content{	
	overflow: hidden;
}

.feature-dark{
	background: #f8f8f8;
	color: #333;
}
#carousel h5 {font-size: 1.5rem; text-shadow: 2px 2px black;}
#carousel p{font-style: italic; text-shadow: 2px 2px black;}

.feature-dark h2{
	color: #333;
}
.map-responsive{
    overflow: hidden;
    padding-bottom:56.25%;
    position: relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

@media screen and (max-width: 541px) {
	#cover h2{ font-size: 2.5rem;}
}