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

/* main styles below */


h1,h2 {
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400px;
  font-style:normal;
}

h3 {
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400px;
	font-size: 30px;
  font-style:normal;
	text-align: center;
}

p {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350px;
  font-style: normal;
	font-variation-settings:
    "wdth" 100;
	font-size: 20px;
}

p2 {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350px;
  font-style: normal;
	font-variation-settings:
    "wdth" 100;
	font-size: 25px;
}

p3 {
  font-family: "Roboto", sans-serif;
  font-style: normal;
	font-size: 30px;
}

/*start hero*/

#home_banner{width: 100%;
			height: 600px;
			background:url("../images/tropical_rainforest/jungle_header_copy.jpg")no-repeat scroll center center / cover;
			margin: auto;
}



#home_container{width: 600px;
	height:300px;
	color:rgba(255,255,255,1.00);
	padding-top: 300px;
	padding-left: 150px;
}



	button {
			color: #ffffff;
			background-color: #cdc598;
			font-size: 20px;
			border: 0px solid #2d63c8;
			border-radius: 10px;
			padding: 15px 50px;
			cursor: pointer
		}
		button:hover {
			color:rgba(1,26,149,1.00);
			background-color: #ffffff;
		}

/* end hero */

/* start row two */
#background_row_two{width: 100%;
			height: 600px;
			background: rgba(205,197,152,1.00);
			margin: auto;
			padding-top: 100px;
}

.row_two_box_left{width: 350px;
				height: 460px;
				background:rgba(255,255,255,1.00);
				border-radius: 20px;
				margin-left: 200px;
				float: left;
				padding: 20px;
}

.row_two_box_right{width: 350px;
				height: 500px;
				border-radius: 20px;
				margin-left: 50px;
				float: left;
				background:url("../images/grassland/countryside-1838591__480.jpg")no-repeat scroll center center / cover;

}

/* end row two */

/* start row three */

#background_row_three{width: 100%;
			height: 600px;
			background:rgba(11,117,0,1.00);
			margin: auto;
			padding-top: 100px;
}

.row_three_box_left{width: 390px;
				height: 500px;
				border-radius: 20px;
				margin-left: 200px;
				float: left;
				background: url("../images/grassland/what_are_biomes.jpg");
}

.row_three_box_right{width: 310px;
				height: 460px;
				background:rgba(255,255,255,1.00);
				border-radius: 20px;
				margin-left: 50px;
				float: left;
				padding: 20px;
}

/* end row three */

/* start row four */
#background_row_four{width: 100%;
			height: 600px;
			background:rgba(205,197,152,1.00);
			margin: auto;
			padding-top: 25px;
			text-align: center;
}


.biomes_container {
  display: flex;
  justify-content: center;
  align-items: center;
}


.biome_type_box{width: 200px;
				height: 200px;
				background:rgba(255,255,255,1.00);
				margin: auto 10px;
				float: left;
				display: flex;
				align-items: center;
				justify-content: center;
}

.biomes_container_two {
  display: flex;
  justify-content: center; 
  align-items: center;   
}


.biome_type_box_two{width: 200px;
				height: 200px;
				background:rgba(255,255,255,1.00);
				margin: 30px 10px;
				float: left;
				display: flex;
				align-items: center;
				justify-content: center;
}


/* end row four */

/* start footer */


#background_footer{width: 100%;
			height: 400px;
			background:rgba(150,132,137,1.00);
			margin: auto;
			padding-top: 10px;
}

.footer_container{width: 800px;
					height: 120px;
					margin: 10px 50px;
					padding-top: 50px;
					float: left;
}


ul{list-style-type: none;
}

a:link{color:rgba(255,255,255,1.00);
	text-decoration: none;
		}
a:visited{color:rgba(255,255,255,1.00);}
a:hover{color:rgba(2,82,156,1.00)}
a:active{color:rgba(255,255,255,1.00);}

#logo_container{width: 300px;
height: 288px;
margin-left: 800px;
margin-top: 50px;
background: url("../images/biomes_logo.png");}

/* end footer */

/* start individual tropical rainforest biome page */


#tropical_rainforest_banner{width: 100%;
			height: 600px;
			background:url("../images/tropical_rainforest/tropical_rainforest_header.jpg")no-repeat scroll center center / cover;
			margin: auto;
}


#tropical_rainforest_background_row_two{width: 100%;
			height: 1000px;
			background: rgba(11,117,0,1.00);
			margin: auto;
			padding-top: 100px;
}

.tropical_rainforest_description{width: 780px;
				height: 150px;
				background:rgba(255,255,255,1.00);
				border-radius: 20px;
				padding: 10px;
				margin-left: 200px;
}

.fast_fact_title{width: 800px;
				height: 50px;
				background:rgba(255,255,255,1.00);
				border-radius: 20px;
				margin-left: 200px;
				margin-top: 30px;
				padding-bottom: 50px;
				float: left;
}

.tropical_rainforest_fact_1_image{width: 200px;
					height: 200px;
					background: url("../images/tropical_rainforest/frog_square.jpg");
					border-radius: 20px;
					float: left;
					margin-left: 200px;
					margin-top: 20px;
}

.tropical_rainforest_fact_1{width: 570px;
					height: 140px;
					background: rgba(255,255,255,1.00);
					border-radius: 20px;
					margin-left: 10px;
					float: left;
					margin-top: 20px;
					padding: 10px;
					padding-top: 50px;
}

.tropical_rainforest_fact_2_image{width: 200px;
					height: 200px;
					background: url("../images/tropical_rainforest/toucan_square.jpg");
					border-radius: 20px;
					float: left;
					margin-left: 200px;
					margin-top: 20px;
}

.tropical_rainforest_fact_2{width: 570px;
					height: 150px;
					background: rgba(255,255,255,1.00);
					border-radius: 20px;
					margin-left: 10px;
					float: left;
					margin-top: 20px;
					padding: 10px;
					padding-top: 40px;
}

.tropical_rainforest_fact_3_image{width: 200px;
					height: 200px;
					background: url("../images/tropical_rainforest/tropical_forest_square.jpg");
					border-radius: 20px;
					float: left;
					margin-left: 200px;
					margin-top: 20px;
}

.tropical_rainforest_fact_3{width: 570px;
					height: 150px;
					background: rgba(255,255,255,1.00);
					border-radius: 20px;
					margin-left: 10px;
					float: left;
					margin-top: 20px;
					padding: 10px;
					padding-top: 40px;
}

#tropical_rainforest_background_row_three{width: 100%;
			height: 500px;
			background:rgba(6,23,111,1.00);
			margin: auto;
			padding-top: 100px;
}

.tropical_rainforest_temperature{width: 250px;
								height: 400px;
								background:rgba(205,197,152,1.00);
								border-radius: 20px;
								float: left;
								margin-left: 200px;
								text-align: center;
}

.tropical_rainforest_vegetation{width: 250px;
								height: 400px;
								background:rgba(205,197,152,1.00);
								border-radius: 20px;
								float: left;
								margin-left: 25px;
								text-align: center;
}

.tropical_rainforest_location{width: 240px;
								height: 390px;
								background:rgba(205,197,152,1.00);
								border-radius: 20px;
								float: left;
								padding: 5px;
								margin-left: 25px;
								text-align: center;
}

/*end tropical rainforest page*/


/* start individual grassland biome page */


#grassland_banner{width: 100%;
			height: 600px;
			background:url("../images/grassland/countryside-1838591__480.jpg")no-repeat scroll center center / cover;
			margin: auto;
}


#grassland_background_row_two{width: 100%;
			height: 1000px;
			background: rgba(11,117,0,1.00);
			margin: auto;
			padding-top: 100px;
}

.grassland_description{width: 780px;
				height: 150px;
				background:rgba(255,255,255,1.00);
				border-radius: 20px;
				padding: 10px;
				margin-left: 200px;
}


.fast_fact_title{width: 800px;
				height: 50px;
				background:rgba(255,255,255,1.00);
				border-radius: 20px;
				margin-left: 200px;
				margin-top: 30px;
				padding-bottom: 50px;
}

.grassland_fact_1_image{width: 200px;
					height: 200px;
					background: url("../images/grassland/bison square.jpg");
					border-radius: 20px;
					float: left;
					margin-left: 200px;
					margin-top: 20px;
}

.grassland_fact_1{width: 570px;
					height: 140px;
					background: rgba(255,255,255,1.00);
					border-radius: 20px;
					margin-left: 10px;
					float: left;
					margin-top: 20px;
					padding: 30px 10px;
}


.grassland_fact_2_image{width: 200px;
					height: 200px;
					background: url("../images/grassland/horses square.jpg");
					border-radius: 20px;
					float: left;
					margin-left: 200px;
					margin-top: 20px;
}

.grassland_fact_2{width: 570px;
					height: 150px;
					background: rgba(255,255,255,1.00);
					border-radius: 20px;
					margin-left: 10px;
					float: left;
					margin-top: 20px;
					padding: 10px;
					padding-top: 40px;
}

.grassland_fact_3_image{width: 200px;
					height: 200px;
					background: url("../images/grassland/tree square.jpg");
					border-radius: 20px;
					float: left;
					margin-left: 200px;
					margin-top: 20px;
}

.grassland_fact_3{width: 570px;
					height: 150px;
					background: rgba(255,255,255,1.00);
					border-radius: 20px;
					margin-left: 10px;
					float: left;
					margin-top: 20px;
					padding: 10px;
					padding-top: 40px;
}

#grassland_background_row_three{width: 100%;
			height: 500px;
			background:rgba(205,197,152,1.00);
			margin: auto;
			padding-top: 100px;
}

.grassland_temperature{width: 230px;
								height: 380px;
								background:rgba(150,132,137,1.00);
								border-radius: 20px;
								float: left;
								margin-left: 200px;
								text-align: center;
								color: rgba(255,255,255,1.00);
								padding: 10px;
}

.grassland_vegetation{width: 250px;
								height: 400px;
								background:rgba(150,132,137,1.00);
								border-radius: 20px;
								float: left;
								margin-left: 25px;
								text-align: center;
}

.grassland_location{width: 230px;
								height: 380px;
								background:rgba(150,132,137,1.00);
								border-radius: 20px;
								float: left;
								padding: 10px;
								margin-left: 25px;
								text-align: center;
}

/*end grassland biome page*/

/* start individual savanna biome page */


#savanna_banner{width: 100%;
			height: 600px;
			background:url("../images/savanna/africa-944465__480.jpg")no-repeat scroll center center / cover;
			margin: auto;
}


#savanna_background_row_two{width: 100%;
			height: 1000px;
			background: rgba(205,197,152,1.00);
			margin: auto;
			padding-top: 100px;
}

.savanna_description{width: 780px;
				height: 150px;
				background:rgba(255,255,255,1.00);
				border-radius: 20px;
				padding: 10px;
				margin-left: 200px;
}


.fast_fact_title{width: 800px;
				height: 50px;
				background:rgba(255,255,255,1.00);
				border-radius: 20px;
				margin-left: 200px;
				margin-top: 30px;
				padding-bottom: 50px;
}

.savanna_fact_1_image{width: 200px;
					height: 200px;
					background: url("../images/grassland/bison square.jpg");
					border-radius: 20px;
					float: left;
					margin-left: 200px;
					margin-top: 20px;
}

.savanna_fact_1{width: 570px;
					height: 140px;
					background: rgba(255,255,255,1.00);
					border-radius: 20px;
					margin-left: 10px;
					float: left;
					margin-top: 20px;
					padding: 30px 10px;
}


.savanna_fact_2_image{width: 200px;
					height: 200px;
					background: url("../images/grassland/horses square.jpg");
					border-radius: 20px;
					float: left;
					margin-left: 200px;
					margin-top: 20px;
}

.savanna_fact_2{width: 570px;
					height: 130px;
					background: rgba(255,255,255,1.00);
					border-radius: 20px;
					margin-left: 10px;
					float: left;
					margin-top: 20px;
					padding: 10px;
					padding-top: 60px;
}

.savanna_fact_3_image{width: 200px;
					height: 200px;
					background: url("../images/grassland/tree square.jpg");
					border-radius: 20px;
					float: left;
					margin-left: 200px;
					margin-top: 20px;
}

.savanna_fact_3{width: 570px;
					height: 130px;
					background: rgba(255,255,255,1.00);
					border-radius: 20px;
					margin-left: 10px;
					float: left;
					margin-top: 20px;
					padding: 10px;
					padding-top: 60px;
}

#savanna_background_row_three{width: 100%;
			height: 500px;
			background:rgba(150,132,137,1.00);
			margin: auto;
			padding-top: 100px;
}

.savanna_temperature{width: 230px;
								height: 380px;
								background:rgba(205,197,152,1.00);
								border-radius: 20px;
								float: left;
								margin-left: 200px;
								text-align: center;
								padding: 10px;
}

.savanna_vegetation{width: 230px;
								height: 380px;
								background:rgba(205,197,152,1.00);
								border-radius: 20px;
								float: left;
								margin-left: 25px;
								text-align: center;
								padding: 10px;
}

.savanna_location{width: 230px;
								height: 380px;
								background:rgba(205,197,152,1.00);
								border-radius: 20px;
								float: left;
								padding: 10px;
								margin-left: 25px;
								text-align: center;
}

/*end savanna biome page*/

/* start individual chaparral biome page */


#chaparral_banner{width: 100%;
			height: 600px;
			background:url("../images/chaparral/utah-2483799__480.jpg")no-repeat scroll center center / cover;
			margin: auto;
}


#chaparral_background_row_two{width: 100%;
			height: 1000px;
			background: rgba(205,197,152,1.00);
			margin: auto;
			padding-top: 100px;
}

.chaparral_description{width: 780px;
				height: 150px;
				background:rgba(255,255,255,1.00);
				border-radius: 20px;
				padding: 10px;
				margin-left: 200px;
}


.fast_fact_title{width: 800px;
				height: 50px;
				background:rgba(255,255,255,1.00);
				border-radius: 20px;
				margin-left: 200px;
				margin-top: 30px;
				padding-bottom: 50px;
}

.chaparral_fact_1_image{width: 200px;
					height: 200px;
					background: url("../images/chaparral/roadrunner square.jpg");
					border-radius: 20px;
					float: left;
					margin-left: 200px;
					margin-top: 20px;
}

.chaparral_fact_1{width: 570px;
					height: 120px;
					background: rgba(255,255,255,1.00);
					border-radius: 20px;
					margin-left: 10px;
					float: left;
					margin-top: 20px;
					padding: 40px 10px;
}


.chaparral_fact_2_image{width: 200px;
					height: 200px;
					background: url("../images/chaparral/coyote square.jpg");
					border-radius: 20px;
					float: left;
					margin-left: 200px;
					margin-top: 20px;
}

.chaparral_fact_2{width: 570px;
					height: 160px;
					background: rgba(255,255,255,1.00);
					border-radius: 20px;
					margin-left: 10px;
					float: left;
					margin-top: 20px;
					padding: 10px;
					padding-top: 30px;
}

.chaparral_fact_3_image{width: 200px;
					height: 200px;
					background: url("../images/chaparral/thistle square.jpg");
					border-radius: 20px;
					float: left;
					margin-left: 200px;
					margin-top: 20px;
}

.chaparral_fact_3{width: 570px;
					height: 150px;
					background: rgba(255,255,255,1.00);
					border-radius: 20px;
					margin-left: 10px;
					float: left;
					margin-top: 20px;
					padding: 10px;
					padding-top: 40px;
}

#chaparral_background_row_three{width: 100%;
			height: 500px;
			background:rgba(150,132,137,1.00);
			margin: auto;
			padding-top: 100px;
}

.chaparral_temperature{width: 230px;
								height: 380px;
								background:rgba(205,197,152,1.00);
								border-radius: 20px;
								float: left;
								margin-left: 200px;
								text-align: center;
								padding: 10px;
}

.chaparral_vegetation{width: 230px;
								height: 380px;
								background:rgba(205,197,152,1.00);
								border-radius: 20px;
								float: left;
								margin-left: 25px;
								text-align: center;
								padding: 10px;
}

.chaparral_location{width: 230px;
								height: 380px;
								background:rgba(205,197,152,1.00);
								border-radius: 20px;
								float: left;
								padding: 10px;
								margin-left: 25px;
								text-align: center;
}

/*end chaparral biome page*/

/* start individual desert biome page */


#desert_banner{width: 100%;
			height: 600px;
			background:url("../images/desert/desert-3217765__480.jpg")no-repeat scroll center center / cover;
			margin: auto;
}


#desert_background_row_two{width: 100%;
			height: 1000px;
			background: rgba(205,197,152,1.00);
			margin: auto;
			padding-top: 100px;
}

.desert_description{width: 780px;
				height: 150px;
				background:rgba(255,255,255,1.00);
				border-radius: 20px;
				padding: 10px;
				margin-left: 200px;
}


.fast_fact_title{width: 800px;
				height: 50px;
				background:rgba(255,255,255,1.00);
				border-radius: 20px;
				margin-left: 200px;
				margin-top: 30px;
				padding-bottom: 50px;
}

.desert_fact_1_image{width: 200px;
					height: 200px;
					background: url("../images/desert/meerkat square.jpg");
					border-radius: 20px;
					float: left;
					margin-left: 200px;
					margin-top: 20px;
}

.desert_fact_1{width: 570px;
					height: 120px;
					background: rgba(255,255,255,1.00);
					border-radius: 20px;
					margin-left: 10px;
					float: left;
					margin-top: 20px;
					padding: 40px 10px;
}


.desert_fact_2_image{width: 200px;
					height: 200px;
					background: url("../images/desert/cactus square.jpg");
					border-radius: 20px;
					float: left;
					margin-left: 200px;
					margin-top: 20px;
}

.desert_fact_2{width: 570px;
					height: 160px;
					background: rgba(255,255,255,1.00);
					border-radius: 20px;
					margin-left: 10px;
					float: left;
					margin-top: 20px;
					padding: 10px;
					padding-top: 30px;
}

.desert_fact_3_image{width: 200px;
					height: 200px;
					background: url("../images/desert/namibia square.jpg");
					border-radius: 20px;
					float: left;
					margin-left: 200px;
					margin-top: 20px;
}

.desert_fact_3{width: 570px;
					height: 150px;
					background: rgba(255,255,255,1.00);
					border-radius: 20px;
					margin-left: 10px;
					float: left;
					margin-top: 20px;
					padding: 10px;
					padding-top: 40px;
}

#desert_background_row_three{width: 100%;
			height: 500px;
			background:rgba(150,132,137,1.00);
			margin: auto;
			padding-top: 100px;
}

.desert_temperature{width: 230px;
								height: 380px;
								background:rgba(205,197,152,1.00);
								border-radius: 20px;
								float: left;
								margin-left: 200px;
								text-align: center;
								padding: 10px;
}

.desert_vegetation{width: 230px;
								height: 380px;
								background:rgba(205,197,152,1.00);
								border-radius: 20px;
								float: left;
								margin-left: 25px;
								text-align: center;
								padding: 10px;
}

.desert_location{width: 230px;
								height: 380px;
								background:rgba(205,197,152,1.00);
								border-radius: 20px;
								float: left;
								padding: 10px;
								margin-left: 25px;
								text-align: center;
}

/*end desert biome page*/

/* start individual temperate rainforest biome page */


#temperaterainforest_banner{width: 100%;
			height: 600px;
			background:url("../images/temperate_rainforest/forest-3550578__480.jpg")no-repeat scroll center center / cover;
			margin: auto;
}


#temperaterainforest_background_row_two{width: 100%;
			height: 1000px;
			background: rgba(11,117,0,1.00);
			margin: auto;
			padding-top: 100px;
}

.temperaterainforest_description{width: 780px;
				height: 150px;
				background:rgba(255,255,255,1.00);
				border-radius: 20px;
				padding: 10px;
				margin-left: 200px;
}


.fast_fact_title{width: 800px;
				height: 50px;
				background:rgba(255,255,255,1.00);
				border-radius: 20px;
				margin-left: 200px;
				margin-top: 30px;
				padding-bottom: 50px;
}

.temperaterainforest_fact_1_image{width: 200px;
					height: 200px;
					background: url("../images/temperate_rainforest/fall forest square.jpg");
					border-radius: 20px;
					float: left;
					margin-left: 200px;
					margin-top: 20px;
}

.temperaterainforest_fact_1{width: 570px;
					height: 120px;
					background: rgba(255,255,255,1.00);
					border-radius: 20px;
					margin-left: 10px;
					float: left;
					margin-top: 20px;
					padding: 40px 10px;
}


.temperaterainforest_fact_2_image{width: 200px;
					height: 200px;
					background: url("../images/temperate_rainforest/fall foliage square.jpg");
					border-radius: 20px;
					float: left;
					margin-left: 200px;
					margin-top: 20px;
}

.temperaterainforest_fact_2{width: 570px;
					height: 150px;
					background: rgba(255,255,255,1.00);
					border-radius: 20px;
					margin-left: 10px;
					float: left;
					margin-top: 20px;
					padding: 10px;
					padding-top: 40px;
}

.temperaterainforest_fact_3_image{width: 200px;
					height: 200px;
					background: url("../images/temperate_rainforest/lake irene square.jpg");
					border-radius: 20px;
					float: left;
					margin-left: 200px;
					margin-top: 20px;
}

.temperaterainforest_fact_3{width: 570px;
					height: 150px;
					background: rgba(255,255,255,1.00);
					border-radius: 20px;
					margin-left: 10px;
					float: left;
					margin-top: 20px;
					padding: 10px;
					padding-top: 40px;
}

#temperaterainforest_background_row_three{width: 100%;
			height: 500px;
			background:rgba(6,23,111,1.00);
			margin: auto;
			padding-top: 100px;
}

.temperaterainforest_temperature{width: 230px;
								height: 380px;
								background:rgba(205,197,152,1.00);
								border-radius: 20px;
								float: left;
								margin-left: 200px;
								text-align: center;
								padding: 10px;
}

.temperaterainforest_vegetation{width: 230px;
								height: 380px;
								background:rgba(205,197,152,1.00);
								border-radius: 20px;
								float: left;
								margin-left: 25px;
								text-align: center;
								padding: 10px;
}

.temperaterainforest_location{width: 230px;
								height: 380px;
								background:rgba(205,197,152,1.00);
								border-radius: 20px;
								float: left;
								padding: 10px;
								margin-left: 25px;
								text-align: center;
}

/*end temperate rainforest biome page*/

/* start individual tundra biome page */


#tundra_banner{width: 100%;
			height: 600px;
			background:url("../images/tundra/mountains-863700__480.jpg")no-repeat scroll center center / cover;
			margin: auto;
}


#tundra_background_row_two{width: 100%;
			height: 1000px;
			background: rgba(6,23,111,1.00);
			margin: auto;
			padding-top: 100px;
}

.tundra_description{width: 780px;
				height: 150px;
				background:rgba(255,255,255,1.00);
				border-radius: 20px;
				padding: 10px;
				margin-left: 200px;
}


.fast_fact_title{width: 800px;
				height: 50px;
				background:rgba(255,255,255,1.00);
				border-radius: 20px;
				margin-left: 200px;
				margin-top: 30px;
				padding-bottom: 50px;
}

.tundra_fact_1_image{width: 200px;
					height: 200px;
					background: url("../images/tundra/aerial view square.jpg");
					border-radius: 20px;
					float: left;
					margin-left: 200px;
					margin-top: 20px;
}

.tundra_fact_1{width: 570px;
					height: 120px;
					background: rgba(255,255,255,1.00);
					border-radius: 20px;
					margin-left: 10px;
					float: left;
					margin-top: 20px;
					padding: 40px 10px;
}


.tundra_fact_2_image{width: 200px;
					height: 200px;
					background: url("../images/tundra/tundra hike square.jpg");
					border-radius: 20px;
					float: left;
					margin-left: 200px;
					margin-top: 20px;
}

.tundra_fact_2{width: 570px;
					height: 150px;
					background: rgba(255,255,255,1.00);
					border-radius: 20px;
					margin-left: 10px;
					float: left;
					margin-top: 20px;
					padding: 10px;
					padding-top: 40px;
}

.tundra_fact_3_image{width: 200px;
					height: 200px;
					background: url("../images/tundra/volcano square.jpg");
					border-radius: 20px;
					float: left;
					margin-left: 200px;
					margin-top: 20px;
}

.tundra_fact_3{width: 570px;
					height: 150px;
					background: rgba(255,255,255,1.00);
					border-radius: 20px;
					margin-left: 10px;
					float: left;
					margin-top: 20px;
					padding: 10px;
					padding-top: 40px;
}

#tundra_background_row_three{width: 100%;
			height: 500px;
			background:rgba(6,23,111,1.00);
			margin: auto;
			padding-top: 100px;
}

.tundra_temperature{width: 230px;
								height: 380px;
								background:rgba(205,197,152,1.00);
								border-radius: 20px;
								float: left;
								margin-left: 200px;
								text-align: center;
								padding: 10px;
}

.tundra_vegetation{width: 230px;
								height: 380px;
								background:rgba(205,197,152,1.00);
								border-radius: 20px;
								float: left;
								margin-left: 25px;
								text-align: center;
								padding: 10px;
}

.tundra_location{width: 230px;
								height: 380px;
								background:rgba(205,197,152,1.00);
								border-radius: 20px;
								float: left;
								padding: 10px;
								margin-left: 25px;
								text-align: center;
}

/*end tundra biome page*/

/* start resources page */

#resources_banner{width: 100%;
			height: 600px;
			background:url("../images/desert/death-valley-4250244__480.jpg")no-repeat scroll center center / cover;
			margin: auto;
}

#resources_background_row_two{width: 100%;
			height: 1300px;
			background: rgba(169,79,98,1.00);
			margin: auto;
			padding-top: 100px;
}

.resources_description{width: 1000px;
				height: 600px;
				background:rgba(255,255,255,1.00);
				border-radius: 20px;
				padding: 10px;
				margin: 10px auto;
				text-align: center;
}


.chaparral_resource_box{width: 200px;
				height: 200px;
				margin: auto 10px;
				float: left;
				display: flex;
				align-items: center;
				justify-content: center;
				background: url("../images/chaparral/chaparral_type.jpg");
				color:rgba(255,255,255,0.00);
}

.chaparral_resource_box:hover{
	background: url("../images/chaparral/chaparral_type.jpg");
	background: linear-gradient(rgba(6, 23, 111, 0.8), rgba(169, 79, 98, 0.8));
	opacity: 0.7;
	color:rgba(255,255,255,1.00);
}


.desert_resource_box{width: 200px;
				height: 200px;
				background: url("../images/desert/desert_type.jpg");
				margin: auto 10px;
				float: left;
				display: flex;
				align-items: center;
				justify-content: center;
					color:rgba(255,255,255,0.00);
}

.desert_resource_box:hover{
	background: url("../images/desert/desert_type.jpg");
	background: linear-gradient(rgba(6, 23, 111, 0.8), rgba(169, 79, 98, 0.8));
	opacity: 0.7;
	color:rgba(255,255,255,1.00);
}

.grassland_resource_box{width: 200px;
				height: 200px;
				background:url("../images/grassland/grassland_type.jpg");
				margin: auto 10px;
				float: left;
				display: flex;
				align-items: center;
				justify-content: center;
					color:rgba(255,255,255,0.00);
}

.grassland_resource_box:hover{
	background:url("../images/grassland/grassland_type.jpg");
  	background: linear-gradient(rgba(6, 23, 111, 0.8), rgba(169, 79, 98, 0.8));
	opacity: 0.7;
	color:rgba(255,255,255,1.00);
}

.savanna_resource_box{width: 200px;
				height: 200px;
				background:url("../images/savanna/savanna_type.jpg");
				margin: auto 10px;
				float: left;
				display: flex;
				align-items: center;
				justify-content: center;
					color:rgba(255,255,255,0.00);
}

.savanna_resource_box:hover{
	background:url("../images/savanna/savanna_type.jpg");
    background: linear-gradient(rgba(6, 23, 111, 0.8), rgba(169, 79, 98, 0.8));
	opacity: 0.7;
	color:rgba(255,255,255,1.00);
}

.temperaterainforest_resource_box{width: 200px;
				height: 200px;
				background:url("../images/temperate_rainforest/temperate_rainforest_type.jpg");
				margin: 30px 10px;
				float: left;
				display: flex;
				align-items: center;
				justify-content: center;
					color:rgba(255,255,255,0.00);
}

.temperaterainforest_resource_box:hover{
	background:url("../images/temperate_rainforest/temperate_rainforest_type.jpg");
    background: linear-gradient(rgba(6, 23, 111, 0.8), rgba(169, 79, 98, 0.8));
	opacity: 0.7;
	color:rgba(255,255,255,1.00);
}

.tropicalrainforest_resource_box{width: 200px;
				height: 200px;
				background:url("../images/tropical_rainforest/tropical_rainforest_type.jpg");
				margin: 30px 10px;
				float: left;
				display: flex;
				align-items: center;
				justify-content: center;
					color:rgba(255,255,255,0.00);
}

.tropicalrainforest_resource_box:hover{
	background:url("../images/tropical_rainforest/tropical_rainforest_type.jpg");
    background: linear-gradient(rgba(6, 23, 111, 0.8), rgba(169, 79, 98, 0.8));
	opacity: 0.7;
	color:rgba(255,255,255,1.00);
}

.tundra_resource_box{width: 200px;
				height: 200px;
				background:url("../images/tundra/tundra_type.jpg");
				margin: 30px 10px;
				float: left;
				display: flex;
				align-items: center;
				justify-content: center;
				color: rgba(255,255,255,0.00);
}

.tundra_resource_box:hover{
	background:url("../images/tundra/tundra_type.jpg");
    background: linear-gradient(rgba(6, 23, 111, 0.8), rgba(169, 79, 98, 0.8));
	opacity: 0.7;
	color:rgba(255,255,255,1.00);
}


.iframe_container{width: 660px;
	height: 415px;
	margin: 40px auto;
	align-content: center;
	background: #FFFFFF;
	border-radius: 20px;
	padding: 10px;
	text-align: center;
	color: #000000;
}

/*end resources page */