/* CSS Document */

body{
	margin:0;
}
img#header-img, img#main-bg{
	width:100%;
}
#main-content{
	position:relative;
	display:block;
}
#main-text{
	display:block;
	position:absolute;
	top:0px;
	left:10%;
	width:40%;
	font-family: 'Raleway', sans-serif;
	font-size:18px;
}
#main-text h1{
    color: #2461aa;
    margin: 0;
    font-size: 26px;
    font-weight: 900;
}
#contact-box{
	display:block;
	width:100%;
	background:#e8e8ea;
	padding:50px;
	color:#2461aa;
}
#contact-box h3{
	font-size:18px;
	font-weight:300;
	margin:0;
	padding:0;
	font-style:italic;
}
#contact-box h2{
	font-size:22px;
	margin:0;
	padding:0;
}
#contact-box p{
	margin:0;
}
#contact-box a{
	text-decoration: none;
	color:#2461aa;
}
#contact-box a:hover{
	text-decoration:underline;
}
img#hand-img{
	position:absolute;
	top:0;
	right:0;
	width:40%;
}

img#mobile-header-img{
	width:100%;
}
#mobile-hand{
	width:100%;
	display:block;
}
img#mobile-hand-img{
	float:right;
	max-width:500px;
	width:100%;
}
@media(min-width:993px){
	#mobile-hand{
		display:none;
	}
}
@media(max-width:992px){
	img#main-bg, img#hand-img{
		display:none;
	}
	#main-content{
		padding-left:10%;
		background:url(../img/main.jpg) left top;
		background-size:cover;
		padding-right:10px;
	}
	#main-text{
		position:relative;
		left:0;
		width:100%;
		overflow:hidden;
		top:0;
		font-size:16px;
	}
	#contact-box{
		width:80%;
		margin:0 auto;
		padding:20px;
	}
}
@media(min-width:721px){
	img#mobile-header-img{
		display:none;
	}
}
@media(max-width:720px){
	img#header-img, img#hand-img{
		display:none;
	}
	#main-content{
		background:none;
		padding:15px;
	}
}