@charset "utf-8";



/*-------------------------------------------------- RESET --*/

* { margin: 0; padding: 0; border: 0; box-sizing: border-box; list-style: none; }



/*------------------------------------------------- GLOBAL --*/

html, body { 
    height: auto;
    }

@font-face {
    font-family: Vaud;
    src: url(../fonts/VAUD/Vaud.otf);
    }

@font-face {
    font-family: VaudMedium;
    src: url(../fonts/VAUD/Vaud-Medium.otf);
    }

@font-face {
    font-family: VaudSemiBold;
    src: url(../fonts/VAUD/Vaud-SemiBold.otf);
    }

body { 
    color: #143F6B; 
    background-color: #e3e3e3;
    font-family: "VaudMedium", "HelveticaNeue-Regular", "HelveticaNeue Regular", "HelveticaNeue", "Helvetica", Arial, sans-serif;
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 1.5em;
    text-align: left;
    }

h1 {font-family: "VaudMedium", "HelveticaNeue-Bold", "HelveticaNeue Bold", "HelveticaNeue", "Helvetica", Arial, sans-serif;
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight: 400;
    }

h2 {
/*  font-family: 'AktivGrotesk-Medium', "HelveticaNeue-Medium", "HelveticaNeue Medium", "HelveticaNeue", "Helvetica", Arial, sans-serif; */
    font-size: 1em;
    line-height: 1.5em;
    font-weight: 400;
    }




/*---------------------------------------------- TYPE --*/


a { color: #003377;
    text-decoration: none;
    }

a:visited { 
    color: #003377;
    text-decoration: none;
    }

a.highlight:hover {
    color: #FF9E00;
    text-decoration: none;
    }




/*------------------------------------------ STRUCTURE --*/


.container {
    padding: 60px;
    /*max-width: 30%;*/
    }

.nameDiv {
    position: relative;
    padding-bottom: 6em;
    text-align: left;
    }

.textDiv {
    text-align: left;
    }




/*-------------------------------------------- QUERIES --*/


@media screen and (max-width: 640px) {

    body {
        font-size: 0.9em;
        line-height: 1.3em;
        }

    .container {
        padding: 20px;
        }

    .nameDiv {
        top: 10px;
        /*text-align: center;*/
        }

    .textDiv {
        position: absolute;
        bottom: 24px;
        }

    h1 {font-family: "VaudMedium", "HelveticaNeue-Bold", "HelveticaNeue Bold", "HelveticaNeue", "Helvetica", Arial, sans-serif;
        font-size: 1.4em;
        line-height: 1.3em;
        /*font-weight: 400;*/
        }

    h2 {
    /*  font-family: 'AktivGrotesk-Medium', "HelveticaNeue-Medium", "HelveticaNeue Medium", "HelveticaNeue", "Helvetica", Arial, sans-serif; */
        font-size: 1.1em;
        line-height: 1.3em;
        /*font-weight: 400;*/
        }

}