html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
/*--STRUCTURE------------------------------------*/
body{height: 100%; width: 100%; margin:0; padding:0; background:url(../images/background.jpg) no-repeat center center fixed;  background-size:cover; font-family: 'Open Sans', sans-serif; font-size: 12px;}
main{display: table;  height:100vh; width: 100%;}
section{display:table-cell; height: 100%; vertical-align: middle; text-align: center; padding:20px;}
div.container{ display: inline-block; max-width: 100%; padding:20px; background-color:rgba(255,255,255,0.7);text-align: center;
-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.6);
box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.6);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
div.container img.logo{width:300px; height: auto; max-width:100%; margin-bottom:20px;}
div.container h2{background-color:#2db34a; width:100%; max-width:300px; margin:0 auto; padding:10px 20px; color:#A0ECB1; text-transform: uppercase; line-height:1; border:#1AA137 4px solid;}
div.container h2 span{font-weight:800; font-size:1.75rem; display:block; color:#FFF;}
div.container h3{margin:20px 0 5px 0;}
div.container h3 span{display:inline-block;}
div.container p{margin:0; margin-bottom:10px; line-height:1.25;}
div.container a{ display:inline-block; max-width: 100%; font-weight:600; color:#114D1E; text-decoration:none; background-color:white; padding:10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
div.container a:hover, div.container a:focus{background-color:#2db34a; color:#FFF;}
 
@media only screen and (min-width : 480px) {
	body{font-size:14px;}
}
@media only screen and (min-width : 768px) {
	body{font-size:16px;}
	div.container{padding:40px;}
}