/******************

Template stylesheet

******************/

/* BODY */

html {
    height: 100%;
}

body {
    height: 100%;
    overflow: hidden;
    margin: 0;
    font-weight: 300;
    font: 20px/1.5 'Lato', sans-serif;
    text-align: center;
}

/* unvisited link */
a:link {
    color: #333;
}

/* visited link */
a:visited {
    color: #333;
}

/* mouse over link */
a:hover {
    color: #666;
}

/* selected link */
a:active {
    color: #333;
}

/* VERTICAL ALIGN HELPER */

#helper {
    content: "";
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0px;
    zoom: 1;
    //display: inline;
}

/* MAIN CONTENT */

#main {
    max-width: 85%;
    display: inline-block;
    vertical-align: middle;
}

/* LOGO */

#logo {
    max-width: 100%;
    margin: 0 0 30px 0;
}

/* DESCRIPTION */

#description {
    margin: 35px 0;
   font-size: 18px;
    font-weight: 400;
    color: #666;
}

.notice {
    font-size:24px;
    text-transform: uppercase;
    font-weight:300;
    line-height: normal;
    color: #5b4640;
}

@media only screen and (max-width: 767px) {
    #helper {
        height: 0;
    }
}

@media only screen and (max-width: 766px) {
    body {
        padding: 25px 35px 35px 35px;
        text-align: center;
    }
}