@font-face {
    font-family: 'cinzelregular';
    src: url('font/Cinzel-Regular-webfont.eot');
    src: url('font/Cinzel-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Cinzel-Regular-webfont.woff') format('woff'),
         url('font/Cinzel-Regular-webfont.ttf') format('truetype'),
         url('font/Cinzel-Regular-webfont.svg#cinzelregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
html{
height:100%;
width: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body{
height:100%;
width: 100%;
background: url(/images/bg-03.jpg) no-repeat center center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
hr{
border:0;
border-top: 1px solid #fff;
margin: 40px auto;
width: 100px;
}
#logo{
width: 70%;
height: auto;
max-width: 300px;
margin:40px auto 0 auto;
}
#slogan{
font-family: 'cinzelregular', Helvetica, Arial, Verdana, sans-serif;
color: #fff;
font-size: 34px;
letter-spacing: 2px;
line-height: 50px;
}
#comingsoon{
font-family: 'cinzelregular', Helvetica, Arial, Verdana, sans-serif;
color: #fff;
font-size: 16px;
letter-spacing: 2px;
line-height: 16px;
}
.vertical-align-outer {
display: table;
position: absolute;
top:0;
left:0;
height: 100%;
width: 100%;
}
.vertical-align-middle {
display: table-cell;
vertical-align: middle;
}
.vertical-align-inner {
margin-left: auto;
margin-right: auto; 
width: 90%;
overflow: hidden;
text-align:center;
}

@media (max-width: 480px) {

#slogan{
font-size: 24px;
letter-spacing: 2px;
line-height: 34px;
}

}