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

@import url('https://fonts.googleapis.com/css?family=Open+Sans:800|Source+Sans+Pro:200,400');

* {margin:0; padding:0;}
html {height:100%;}
body {background:#de8834; margin:0; padding:0; position:relative; height:100%; font-family: 'Source Sans Pro', sans-serif;}
#text {width:50%; height:auto; float:left; margin:-79px 0 0; padding:0 5%; position:absolute; top:50%;}
#text h1 {color:#ffcc3d; font-size:68px; line-height:68px; font-weight:200; margin:0 0 20px;}
#text h2 {color:#2b2b2b; font-size:18px; font-weight:400; margin:0 0 20px;}
#text p {font-size:14px; font-family: 'Open Sans', sans-serif; font-weight:800; margin:0;}
#text a {color:#3d3d3d; text-decoration:none;}
#text a+a {margin-left:30px;}
#text a:hover {color:#ffcc3d;}
#pic {background:url(images/pic.jpg) center center; background-size:cover; width:50%; height:100%; float:right; margin:0;}

@media screen and (min-width:630px) and (max-width:1140px) {
	#text {width:90%; margin:0; padding:30px 5%; text-align:center; position:static;}
	#pic {background:url(images/pic-mob.jpg) bottom center; background-size:cover; width:100%; float:left;}
}
@media screen and (min-width:30px) and (max-width:629px) {
	#text {width:90%; margin:0; padding:30px 5%; text-align:center; position:static;}
	#text h1 {font-size:36px; line-height:40px;}
	#text br {display:none;}
	#pic {background:url(images/pic-mob.jpg) bottom center; background-size:cover; width:100%; height:400px; float:left;}
}