/* general */
html,body{height:100%;}
body{margin:0;padding:0;background-color:#f0f0f0;}
textarea, input, button { outline: none; }
input:focus { outline: none; }
.screen{
width:100%;
min-height:100%;
}
h1, h2, h3, h4, h5, button{font-family:'proxima_nova_rgregular';}
a{text-decoration:none;}
button{
background-color:#3aada6;
border:none;
color:white;
border-radius:5px;
padding:0.8em 1.5em;
font-size:1em;
text-transform:uppercase;
cursor:pointer;
display:block;
margin:0 auto;
transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-webkit-transition: .25s ease-in-out;
}
button:hover{
background-color:#2b968f;
}
/* screen 1*/
.screen1{
width:100%;
min-height:100%;
background:url('../img/bg2.jpg') no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
span.center{
display:block;
position:absolute;
top:38%;
width:50%;
left:25%;
}
h3{
text-align:center;
color:#434343;
margin:0 0 1.2em 0;
font-size:1.5em;
line-height:1.5em;
span{
color:#3aada6;
}
}
}
/* screen 2*/
.screen2{
background-color:#f8f5e4;
position:relative;
}
/* show */
section.show{
padding-bottom:1.5em;
img{
width:70%;
margin:0 auto;
margin:1.5em 0;
}
a{
margin-bottom:1.5em;
}
}
/* fonts */
@font-face {
font-family: 'proxima_nova_rgregular';
src: url('../fonts/proximanova-regular-webfont.eot');
src: url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/proximanova-regular-webfont.woff') format('woff'),
url('../fonts/proximanova-regular-webfont.ttf') format('truetype'),
url('../fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
font-weight: normal;
font-style: normal;
}