/* HTML,BODY,CONTAINER, FONTS */


a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: underline;
}
a:hover,
a:focus {
    color: #91bd0e;
    font-weight: 400;
}

a.underline {
    text-decoration: underline;
    
}

html {
    width: 100%;
    height: 100%;
    background-color: white;
}
body {
    height: 100%;
    width: 100%;
    font-family: arial, sans-serif;
    font-size: 14px;
    letter-spacing: 0.7;
    font-weight: 400;
    color: $text-color;
    letter-spacing: $default-letter-spacing;
    background-color: transparent;
    line-height: $default-line-height;
    text-align: left;
}

@media only screen and (max-width: 550px) {
    .overlay {
        top: 0;
        left: 0;
        width: 50%;
        height: 50%;
    }
    }




/** FONTS **/

h1 {
    font-family: $default-font;
    font-size: $h1-font-size;
    line-height: $h1-line-height;
    letter-spacing: $h1-letter-spacing;
    text-transform: none;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
    color: #fff;
}
h2 {
    font-family: $default-font;
    font-size: $h2-font-size;
    line-height: $h2-line-height;
    letter-spacing: $h2-letter-spacing;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
    color: $grey;
}

.pb {
    display: inline-block;
    padding-bottom: 5px;
}