@charset "UTF-8";
/* CSS Document */

/* main styles */


h1,h2,h3,h4,h5,h6 {
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

#home_banner{width: 100%;
			height:450px;
			background:url("../images/falls.jpeg")no-repeat scroll center center/ cover;
}


#banner_tundra{width: 100%;
			height:450px;
			background:url("../images/tundra.png")no-repeat scroll center center/ cover;
}

#banner_grassland{width: 100%;
			height:450px;
			background:url("../images/grassland.jpeg")no-repeat scroll center center/ cover;
}


#banner_chaparral{width: 100%;
			height:450px;
			background:url("../images/Chaparral.avif")no-repeat scroll center center/ cover;
}



#banner_temperate{width: 100%;
			height:450px;
			background:url("../images/temperate.jpeg")no-repeat scroll center center/ cover;
}

#banner_tropical{width: 100%;
			height:450px;
			background:url("../images/rainforest.webp")no-repeat scroll center center/ cover;
}


#banner_savannah{width: 100%;
			height:450px;
			background:url("../images/savannah.jpeg")no-repeat scroll center center/ cover;
}


#banner_desert{width: 100%;
			height:450px;
			background:url("../images/desert.jpeg")no-repeat scroll center center/ cover;
}


#banner_resources{width: 100%;
			height:450px;
			background:url("../images/resources.jpeg")no-repeat scroll center center/ cover;
}

#home_container{width:1200px;
	height:400px;
	background: rgba(235,154,11,0.00);
	color:rgba(255,255,255,1.00);
	padding-top:50px;
	margin-left: auto;
	margin-right: auto;

}

.description{
  margin-left: auto;
  margin-right: auto;
  width: 50%;
	}




button{
	color:rgba(0,0,0,1.00);
	background-color: rgba(255,255,255,1.00);
	font-size:20px;
	border: 1px solid #2d63c8;
	border-radius:30px;
	padding: 15px 50px;
	cursor: pointer; 
	
}



button:hover{
	color: #2D63C8;
	background-color: rgba(235,154,11,0.00);
}


iv.gallery {
  border: 1px rgba(235,154,11,0.00);
}

div.gallery:hover {
  border: 1px rgba(235,154,11,0.00);
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}

* {
  box-sizing: border-box;
}

.responsive {
  padding: 0 6px;
  float: left;
  width: 24.99999%;
}



@media only screen and (max-width: 700px) {
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
  }
}

@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}



.fa {
  padding: 20px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
}


.fa:hover {
  opacity: 0.7;
}


/* Facebook */
.fa-facebook {
  background: #3B5998;
  color: white;
}

/* Twitter */
.fa-twitter {
  background: #55ACEE;
  color: white;
}

/* instagram */
.fa-instagram {
  background: #8a3ab9;
  color: white;
}


/* youtube */
.fa-youtube {
  background: #FF0000;
  color: white;
}


.map {
  image-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.yetti {
  image-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}




footer {
  text-align: center;
  padding: 30px;
  background-color: DarkSalmon;
  color: white;
}


h1{color:rgba(255,255,255,1.00);
	font-size: 50px;
	font-weight:bold;
	text-align: left;
	background: rgba(235,154,11,0.00);
	width: 1055px;
	padding: 0px;
}


h2{color:rgba(255,255,255,1.00);
	font-size: 20px;
	text-align: left;
	background: rgba(235,154,11,0.00);
	width: 1055px;
	padding: 0px;
}


h3{color:rgba(0,0,0,1.00);
	font-size: 30px;
	margin-left: auto;
    margin-right: auto;
	background: rgba(235,154,11,0.00);
	width: 50%;
	padding: 0px;
}


p{color:rgba(0,0,0,1.00);
	font-size: 20px;
	font-weight: 300;
	background: rgba(235,154,11,0.00);
	width: 1055px;
	padding: 0px;
}