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

/* artic blue-gray:rgba(187,204,212,1.00)*/

body{background: rgba(255,255, 255, 1.00);
	padding: 0px;
	margin:0px;
}

/*main styles below*/


/*---------------------------------------------Start Type Defination----------------------------------------------*/
h1 {font-family: "Encode Sans SC", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "width" 100;
	font-size:52px;
	line-height: 15px;
}

h2 {font-family: "Encode Sans SC", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style:normal;
  font-variation-settings:
    "width" 100;
	font-size:40px;
	line-height: 15px;
}

h3 {font-family: "Manrope", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
	font-size:24px;
}

p {font-family: "Roboto Flex", serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
	font-size: 18px;
  font-variation-settings:
    "slnt" 0,
    "wdth" 100,
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712;
}
/*--------------------------------------------End Type Defination----------------------------------------------*/

/*--------------------------------------------Start Image Banner----------------------------------------------*/
.home_banner{width: 100%;
	height: 585px;
	background: url("../images/home/planet.jpg") no-repeat scroll center center/cover;
}

.rainforest_banner{width: 100%;
	height: 585px;
	background: url("../images/tropical_rainforest/rainforest_banner.jpg") no-repeat scroll center center/cover;
}

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

.grassland_banner{width: 100%;
	height: 585px;
	background: url("../images/grassland/grassland_banner.jpg") no-repeat scroll center center/cover;
} 

.savanna_banner{width: 100%;
	height: 585px;
	background: url("../images/savanna/savanna_banner.jpg") no-repeat scroll center center/cover;
} 

.desert_banner{width: 100%;
	height: 585px;
	background: url("../images/desert/desert_banner.jpg") no-repeat scroll center center/cover;
}

.chaparral_banner{width: 100%;
	height: 585px;
	background: url("../images/chaparral/chaparral_banner.jpg") no-repeat scroll center center/cover;
}

.tundra_banner{width: 100%;
	height: 585px;
	background: url("../images/tundra/tundra_banner.jpg") no-repeat scroll center center/cover;
}

.resource_banner{width: 100%;
	height: 585px;
	background: url("../images/resources/resource_banner.jpg") no-repeat scroll center center/cover;
}

#banner_text{width: 1200px;
	height:400px;
	padding:325px 10px 10px 10px;
	margin:auto;
	text-align: left;
}

#rainforest_banner_text{width: 1200px; /*For WHITE colored texts*/
	height:400px;
	padding:325px 10px 10px 10px;
	margin:auto;
	text-align: left;
	color: rgba(255,255,255,1.00)
}

/*------------------------------------------- Hero Button ----------------------------------------------*/
button {color: #000000;
	background-color: #ffffff;
	font-size: 19px;
	border: 1px solid #ffffff;
	border-radius: 90px;
	padding: 15px 50px;
	cursor: pointer;
	font-family: "Roboto Flex", serif;
}

button a:link{color:rgba(0,0,0,1.00);
	text-decoration: none;
}

button a:hover {color:rgba(0,0,0,1.00);
	background-color: #ffffff;
}

button a:active{color:rgba(0,0,0,1.00);
	text-decoration: none;
}

footer a:vistied{color:rgba(0,0,0,1.00);
	text-decoration: none;
}

/*--------------------------------------------End Image Banner----------------------------------------------*/


/*--------------------------------------------Start Large Boxes----------------------------------------------*/
.large_box{width: 1200px;
	height: 100px auto;
	margin:50px auto;
	padding:0px;
	background:rgba(187,204,212,1.00);
	border-radius:30px;
}

.large_box_main_head{width: 1180px;
	height:auto;
	margin:auto;
	padding:1px 10px 4px 10px;
}

.large_box_text{width: 1180px;
	height: auto;
	margin:auto;
	padding:10px
}

.large_box a:link{color:rgba(0,0,0,1.00); 
	text-decoration: none;
	font-size:24px;
}
.large_box a:hover {color:rgba(252,204,130,1.00);
	text-decoration: none;
}

.large_box a:active{color:rgba(0,0,0,1.00);
	text-decoration: none;
}

.large_box a:vistied{color:rgba(0,0,0,1.00);
	text-decoration: none;
}
/*--------------------------------------------End Large Boxes----------------------------------------------*/


/*--------------------------------------------Start Med Boxes----------------------------------------------*/
.float_guide{width:1200px;
	height:300px;
	margin: 50px auto;
	background: rgba(208,255,190,0.00);
}

.left_med_box{width: 595px;
	height: 300px;
	background: rgba(187,204,212,1.00);
	float: left;
	margin-left: 5px;
	border-radius:30px;
}

.right_med_box{width: 595px;
	height: 300px;
	background: rgba(187,204,212,1.00);
	float: left;
	margin-right:5px;
	border-radius:30px;
}

.left_med_box img{border-radius: 30px;
}

.med_box_text{width: 575px;
	height: 280px;
	padding: 0px 10px;
	margin:0px;
	background: rgba(187,204,212,1.00);
	border-radius:30px;
}

.med_box_text p{vertical-align: middle;}

.clearfloats{clear:both;
}
/*--------------------------------------------End Med Sub Boxes----------------------------------------------*/


/*--------------------------------------------Start Small Sub Boxes----------------------------------------------*/

.small_boxes{width:393px;
	height: 300px;
	margin-right:10px;
	background:rgba(187,204,212,1.00);
	float: left;
	padding: 0px;
	border-radius: 30px;
}

.end_small_boxes{width:393px;
	height: 300px;
	margin-right:0px;
	background:rgba(187,204,212,1.00);
	float: left;
	border-radius: 30px;
}

.small_box_text{width:333px;
	height: 160px;
	padding: 20px 30px;
	/*text-align: center;*/
}

.small_boxes img{border-radius: 30px}
.end_small_boxes img{border-radius: 30px}

.merged_small_box{width:786px;
	height: 300px;
	margin-right:0px;
	background:rgba(187,204,212,1.00);
	float: left;
	border-radius: 30px;}
/*--------------------------------------------End Small Sub Boxes----------------------------------------------*/


/*--------------------------------------------Start Home 7 Biome Boxes----------------------------------------------*/
/* white rgba(255,255,255,1.00)      black (0,0,0,1.00) */

.small_box_text a:link{color:rgba(0,0,0,1.00); 
	text-decoration: none;
	font-family: "Manrope", serif;
	font-size:24px;
}

.small_box_text a:vistied{color:rgba(0,0,0,1.00);
	text-decoration: none;
}

.small_box_text a:hover{color:rgba(252,204,130,1.00);
	text-decoration: none;
}

.small_box_text a:active{color:rgba(0,0,0,1.00);
	text-decoration: none;
}

#home_rainforest{background:url("../images/home/tropical_rainforest.jpg");}

#home_temperate{background: url("../images/home/temperate.jpg");}

#home_grassland{background: url("../images/home/grassland.jpg");}

#home_savanna{background: url("../images/home/savanna.jpg")}

#home_chaparral{background: url("../images/home/chaparral.jpg")}

#home_desert{background: url("../images/home/desert.jpg")}

#home_tundra{background: url("../images/home/tundra.jpg")}

#home_add_resource{background: url("../images/home/more_info.jpg")}
/*--------------------------------------------Start Home 7 Biome Boxes----------------------------------------------*/


/*---------------------------------------------Start Footer----------------------------------------------*/
.footer_container{width: 100%;
	height: 210px;
	background:rgba(187,204,212,1.00);
	padding: 0px;
}

.footer{width: 1200px;
	height: 170px;
	padding:0px;
	background: rgba(187,204,212,0.00);
	list-style: none;
	margin:auto;
}

.footer_text{width: 280px;
	height: 170px;
	padding:0px 10px;
	background: rgba(40,69,25,0.00);
	list-style: none;
	float:left;
}

.footer_text h3{color:rgba(255,255,255,1.00)
}

.footer ul{list-style: none;
}

.socials{margin-right:10px;
	margin-top: 10px;
}

.credit{width:100%;
	height:75px ;
	margin: auto;
	padding: 100px 10px 10px;
	text-align: center;
	background: rgba(187,204,212,1.00);
	color: rgba(255,255,255,1.00);
}

.credit p{font-size: 14px;}

/*-------------------Footer Links-------------------*/
.footer a:link{color:rgba(255,255,255,1.00);
	text-decoration: none;
	font-family: "Roboto Flex", serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "wdth" 100,
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712;
}

.footer a:vistied{color:rgba(255,255,255,1.00);
	text-decoration: none;
}

.footer a:hover{color:rgba(252,204,130,1.00);
	text-decoration: none;
}

.footer a:active{color:rgba(255,255,255,1.00);
	text-decoration: none;
}
/*---------------------------------------------End Footer----------------------------------------------*/