#details_btn,#legal p {font-family:Arial,sans-serif;color:#fff}
* {margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;border:0}
body,html {background:#fff}

#banner-container{
	margin:0;
	padding:0;
	width:300px;
	height:250px;
	overflow:hidden;
	border:1px 
	solid #000;
	-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;background-color:#86694e}

	#background,#details_btn,#headline1,#headline2,#legal{
		position:absolute}

	#banner-container:hover{cursor:pointer}
	
	#background{
		position: absolute;
		top:0px;height:350px;
		left:0px;
		overflow:hidden;
		}

	#logo{
		position: absolute;
		top:0;
		left:0;-webkit-filter:drop-shadow(0px 2px 4px #c7c8b8);filter:drop-shadow(0px 2px 4px #c7c8b8);
		opacity:0;
		}

	#background2{
		position: absolute;
		top:-250px;
		opacity:1;
		overflow:hidden;
		}


	#headline1{
		position: absolute;
		left:25px;
		top:180px;
		opacity:0;

		}

	#headline2{
		position: absolute;
		left:105px;
		top:125px;
		opacity:0;
			}

	#bluebar{
		position: absolute;
		top:150px;
		left:0px;
		opacity:0;
		}

	#tagline{
		position:absolute;
		top:160px;
		left:115px;
		opacity:0;-webkit-filter:drop-shadow(0px 2px 4px #222);filter:drop-shadow(0px 2px 4px #222);
	}

	#learnmore{
		position: absolute;
		top:0;
		left:0px;
		opacity:0;
		}
	#arrow{
		position: absolute;
		top:0;
		left:0px;
		opacity:0;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
		}		

	#banner-container:hover > #arrow {margin-left:3px;}