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


.container {
	width: 100%;
	height: auto;
	font-family: "Open Sans Semibold", "Open Sans Semibold Italic", "Open Sans Bold";
	z-index: 1;

}

.container2 {
	with:50%;
	height:auto;
	margin:0,25%;
	padding:5%;
	font-family: "Open Sans Semibold";
}

.img-response {
    width: 100%;
	height:auto;

	
}
.div2 {
	position: relative;
	width: 360px;
	margin:0 auto;
	z-index: 2;
	background-color:rgba(171,131,94,0.7);
	padding: 2%;
	color: white;
	font-size: 0.8em;
	font-family: "Open Sans Semibold"
	border-radius: 5%;
	-moz-border-radius: 5%;
	-webkit-border-radius: 5%;
	box-shadow:rgba(0,0,0,0.4);
	-webkit-box-shadow: 1em 1em 1em rgba(0,0,0,0.4);
	-moz-box-shadow: 1em 1em 1em 0.5px rgb(0,0,0,0.4);
}

.wrapper {
	width:100 %;
	background-image:url(../img/elephants1.jpg);
	background-repeat:repeat;
	
}
.bg_img {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 0;


	position: fixed;
	
}

}
 @media screen and (max-width:768px) and (orientation:portrait) {

.div2 {
	position:;
	width: 50%;
	margin: 10% 20%;
	
}

}
 @media only screen and (max-width:640px) and (orientation:portrait) {



.div2 {
	position: relative;
	width: 65%;
	margin: 10% 5%;
	
}

}