body,html{width:100%;height:100%;margin:0;padding:0}body{color:white;font-family:'Titillium Web',sans-serif;font-weight:200;font-size:25px;text-align:center;text-transform:uppercase}#intro,#contact{height:100%}#intro{background:#111 url('../img/fd.jpg')}#intro .content{height:100%;width:400px;padding-top:100px;margin:0 auto;text-align:center}#intro .content h1{font-size:30px;border-top:3px solid #FFF;border-bottom:3px solid #FFF;padding:10px 0 18px 0;font-weight:400}#intro .content h1 b{font-size:65px;font-weight:200;letter-spacing:3px;display:block;line-height:50px}#intro .content h1 b span{font-weight:400;display:inline;color:#cc0}#intro .content p{letter-spacing:1px;text-transform:none;font-size:80%}@media(max-height:768px){#intro .content{padding-top:20px}#intro .content p{font-size:65%}}#intro #logo{height:280px;width:200px;background:transparent url('../img/logo.png') no-repeat;margin:0 auto 40px}#next{position:absolute;text-align:center;width:300px;margin-left:-150px;left:50%;bottom:0}#contact{background:#fff}#contact #map{height:60%}#contact #infos{padding:40px 0;font-weight:200;color:#333;text-transform:none}#contact #infos p{margin:10px;font-weight:400;font-size:18px}#contact #infos p.small{font-size:12px}#contact #infos a{letter-spacing:2px;color:#333;text-decoration:none}#contact #infos a:hover{color:#cc0;text-decoration:none}#contact #infos a img:hover{opacity:.5;filter:alpha(opacity=50)}#contact #infos .social{margin:0 10px;display:none}#contact #infos .mail{display:block;margin:10px 0 20px;letter-spacing:0;color:#cc0}