@import url('https://fonts.googleapis.com/css?family=Open+Sans:300');
body{font: 300 20px/1.4 "Open Sans";color: #FFF;background:#222426;text-transform: uppercase;}
p{margin: 0;}
p + p{margin-top: 8px;}
a{color: #19AE9B;}
a:hover {color: #015A51;}
img{max-width: 100%;width: 400px; margin: 0 auto 64px auto;}
#preload{position: fixed;z-index: 9999;top: 0;left: 0;right: 0;bottom: 0;background: #FFF;-webkit-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
#preload.phase1{background: #000;}
#preload.phase2{opacity: 0;}
a{color: #00A3D9;font-weight: 400;text-decoration: none;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
a:hover{color: #2BCAFF;text-decoration: none;}
#content{position: relative;}
#content > .info{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 2;-webkit-box-sizing: border-box;box-sizing: border-box;}
#content > .info > .inner{position: absolute;top: 50%;left: 0;width: 100%;padding: 0 16px;text-align: center;-webkit-transform: translateY(-50%);transform: translateY(-50%);-webkit-box-sizing: border-box;box-sizing: border-box;}
#content > .info > .inner > .subtitle{font-size: 24px;line-height: 1.2;}
#content > .info > .inner > .contact{margin-top:32px;font-size: 14px;}
@media only screen and (max-width: 1200px){

}
@media only screen and (max-width: 992px){

}
@media only screen and (max-width: 768px){
  #content > .info > .inner > .subtitle{font-size: 16px;}
  img{width: 200px;}
}