@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;
}
@font-face {
	font-family: 'Novecentosanswide-DemiBold';
	src: url('../font/Novecento WideDemiBold.eot');
	src: url('../font/Novecento WideDemiBold.eot?#iefix') format('embedded-opentype'),url('../font/Novecento WideDemiBold.woff2') format('woff2'),url('../font/Novecento WideDemiBold.woff') format('woff'),url('../font/Novecento WideDemiBold.ttf') format('truetype');
}

/* General */

body {
    margin: 0;
}

/* Containers index page */

.containers > div {
    width: 33%;
    height: 50vh;
    float: left;
    font-family: HelveticaNeue-Light, helvetica, arial, sans-serif;
    font-size: 1.5vw;
    text-align: justify;
}

.containers p {
    line-height: 3.4vh;
}

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

/* Links */

.containers p > a {
    color: #000;
    text-decoration: none;
    border-bottom: solid 3px #000;
}

.containers p > a:hover {
    border: none;
}

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

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

.container2 {
    background: #ff6600 url('../image/bg_2.svg') 50% 100% no-repeat;
    background-size: 100%;
}

.container3 {
    background: #fff url('../image/bg_3.svg') 50% 100% no-repeat;
    background-size: 100%;
}

.container4 {
    background: #ff6600 url('../image/bg_4.svg') 50% 0 no-repeat;
    background-size: 100%;
}

.container5 {
    background: #fff url('../image/bg_5.svg') 50% 0 no-repeat;
    background-size: 100%;
}

.container6 {
    background: #aaa url('../image/bg_6.svg') 50% 0 no-repeat;
    background-size: 100%;
}

.container4 {
    clear: left;
}

/* Text styles */

.containers h1 {
    font-family: Novecentosanswide-DemiBold, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1.8vw;
    letter-spacing: 1.8vw;
    text-align: center;
    margin-top: 5vh;
}

.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 0 5.65vw;
}

.container3 > p, .container4 > p, .container5 > p, .container2 > p {
    padding: 1.8vh 2.7vw 0 2.7vw;
}

.container5 > h2 {
    padding: 0 3vw;
}

.containers h2 {
    font-family: HelveticaNeue-Light, helvetica, arial, sans-serif;
    font-size: 1.5vw;
    font-weight: bold;
    text-transform: lowercase;
}

/* CONTENT PAGE */

div.content_header {
    background: #ff6600;
    height: 110px;
}

div.content_title {
    background: #fff;
    width: 75vw;
    float: right;
    height: 110px;
    text-align: right;
}

div.content_title h1 {
    font-family: Novecentosanswide-DemiBold, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 80px;
    letter-spacing: 1.8vw;
    margin: 0 10px;
}

div.content_divider_bar {
    font-family: Novecentosanswide-DemiBold, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 2vw;
    height: 40px;
    background-color: #999;
    padding-left: 2vw;
}

div.content_divider_bar > a {
    text-decoration: none;
    color: inherit;
}

div.content_divider_bar > a:before {
    content: '<<';
}

div.content_sidebar {
    float: left;
}

div.content_main {
    float: right;
    width: 65vw;
    padding: 14px 5vw;

    font-family: HelveticaNeue-Light, helvetica, arial, sans-serif;
    font-size: 2vw;

    background: #fff;
}

div.content_main > h2 {
    font-size: 2vw;
    font-weight: bold;
}

div.content_main a {
    color: #ff6600;
}

div.content_main a:hover {
    background-color: #ff6600;
    color: #fff;
}

.content_main ul {
    list-style: square;
    padding: 0 4vw;
}

/* VIDEO */

.video_example {
    background: #fff url('../image/label_logo.svg') 100% 6vw no-repeat;
    background-size: 3vw;
    width: 50vw;
    height: 28.125vw;
    margin-left: -22vw;
    padding-right: 4.2vw;
}

.video_placeholder {
    background: #aaa;
    width: 50vw;
    height: 28.125vw;
    padding: 0.6vw;
}

.video_placeholder video {
    width: 50vw;
}

/* IMAGES */

img.sidebar {
    width: 17vw;
    padding: 60px 0 0 40px;
}

.company_logo {
	text-align: center;
}

.company_logo img{
    vertical-align: middle;
	margin-right: 30px;
}