@font-face {
    font-family: 'HelveticaNeue-Light';
    src: url('../font/HelveticaNeue-Light.eot');
    src: url('../font/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'), url('../font/HelveticaNeue-Light.woff2') format('woff2'), url('../font/HelveticaNeue-Light.woff') format('woff'), url('../font/HelveticaNeue-Light.ttf') format('truetype'), url('../font/HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* General */

body {
    margin: 0;
    padding: 0;
}

/* Containers index page */

.containers > div {
    font-family: HelveticaNeue-Light, helvetica, arial, sans-serif;
    font-size: 5vw;
    width: 100%;
    min-height: 16vh;
}

.containers p, .containers ul {
    display: none;
}

.containers ul {
    list-style: square;
    padding: 0 6vw;
}

.containers p > a {
    color: #000;
}

/* Links */

.containers p > a {
    color: #000;
}

h1 > a {
    color: inherit;
    text-decoration: none;
}

/*      Container-specific */
.container1 {
    background: #000 url('../image/logo_frontpage.svg') 50% 35% no-repeat;
    background-size: 60vh;
    height: 20vh;
}

.container2 {
    background: #ff6600;
    float: left;
}

.container3 {
    background: #fff;
    float: left;
}

.container4 {
    background: #ff6600;
    float: left;
}

.container5 {
    background: #fff;
    float: left;
}

.container6 {
    background: #aaa;
    /*float: left;*/
    float: left;
}

.container4 {
    float: left;
}

/* Text styles */

h1 {
    font-family: Novecentosanswide-DemiBold, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 7vw;
    letter-spacing: 6vw;
    text-align: center;
    padding-top: 2vh;
}

.container2 > h1, .container4 > h1 {
    color: #666;
}

.container2 > a, .container4 > a {
    color: #666;
}

.container3, .container5 > h1 {
    color: #000;
}

.container6 > h1 {
    color: #ff6600;
}

.container6 > p {
    padding: 1.8vh 0 3vh 5.65vw;
}

.container3 > p, .container4 > p, .container5 > p, .container2 > p {
    padding: 2vh 3vw;
}