html{ height: 100%; width: 100%; padding:0; margin:0; }
body{margin: 0; padding: 0; background: url(bg.jpg); background-repeat: no-repeat; background-size: 100% 100%; font-family: 'Exo', sans-serif;}
.logo{ max-width: 250px; margin: 25px auto;}
.logo img{ max-width:250px; height:auto;}
.contact{ position:absolute; width: calc(100% - 40px); bottom: 0px; background: #fff; opacity: 0.8; padding: 20px; margin: 20px 0; color:#000; font-weight: 300; font-size: 14px; text-align:center;}
.contact a{ text-decoration: none; color:#000;}

@media only screen and (max-width: 1200px) {	
	body{background-size: 150% 100%; background-position: center center;}	
}

@media only screen and (max-width: 600px) {	
	body{background-size: 200% 100%; }	
}