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

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	body {-webkit-text-size-adjust: none;}
}

/*FONT FAMILIES*/
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body{
	margin:0;
	padding:0;
	font-size:12px;
	height:100%;
}

body{
	color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.4rem;
	line-height:1.5;
	font-style:italic;
}

a{
	color:#FFF;
}

h1{
	margin:0;
	padding:0;
	text-transform:uppercase;
	font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
	font-size:3rem;
	font-weight:normal;
	color:#7FCAE5;
	line-height:1em;
	margin:15px 0 0 0;
	font-style:normal;
}

#container{
	width:100%;
	height:100%;
	display:table;
}

#header{
	background-color:#FFF;
	width:100%;
	text-align:center;
	display:table-row;
}

#header-content{
	display:table-cell;
	padding:30px;
	box-sizing:border-box;
}

#main{
	background-color:#7FCAE5;
	width:100%;
	box-sizing:border-box;
	height:100%;
	display:table-row;
}

#main-content{
	padding:30px;
	box-sizing:border-box;
	text-align:center;
	height:100%;
	display:table-cell;
}

#main-content-2{
	border:2px dashed white;
	padding:30px;
	text-align:center;
	width:auto;
	height:100%;
	display:block;
}

@media all and (max-width:400px) {
	
	body{
		font-size:1rem;
	}
	
	h1{
		font-size:2rem;
	}	
	
	#header-content{
		padding:15px;
	}
	
	#main-content{
		padding:15px;
	}
	#main-content-2{
		padding:15px;
	}
	
	
}