#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;
		left:0px;
		overflow:hidden;
		}

	#logo{
		position: absolute;
		top:0;
		left:0;-webkit-filter:drop-shadow(5px 1px 5px #7c7f86);filter:drop-shadow(5px 1px 5px #7c7f86);
		opacity:0;
		}

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

	#headline1{
		position: absolute;
		left:45px;
		top:60px;
		opacity:0;

		}

	#headline2{
		position: absolute;
		left:35px;
		top:210px;
		opacity:0;
			}

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

	#tagline{
		position:absolute;
		top:160px;
		left:110px;-webkit-filter:drop-shadow(0px 1px 8px #222);filter:drop-shadow(0px 1px 8px #222);
		opacity:0;
	}

	#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;}