/* 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; }