* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    vertical-align: top;
}

.center {
    max-width: 80em;
    margin: 0 auto;
    position: relative;
}

.centerstart {
    margin: 0 auto;
    position: relative;
}

.row {
    margin: 0 .5em;
    padding: 2% 1em 2% 1em;
    overflow: hidden;
    height: 1%;
    *zoom: 1;
    min-height: 1%;
}

.clearfix {
    height: 0;
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* ======================================= 
   columns w/ margin
   ======================================= */

.fg1,
.fg2,
.fg3,
.fg4,
.fg5,
.fg6,
.fg7,
.fg8,
.fg9,
.fg10,
.fg11,
.fg12,
.fg2_2 {
    margin: 0 2% 0;
    padding: 0;
    float: left;
    position: relative;
}

.fg2_small_box {
    padding: 0;
    margin: 0 0 0;
    float: left;
    position: relative;
}

.fg12 {
    width: 96%;
}

.fg11 {
    width: 87.66%;
}

.fg10 {
    width: 79.33%;
}

.fg9 {
    width: 71%;
}

.fg8 {
    width: 62.66%;
}

.fg7 {
    width: 54.33%;
}

.fg6 {
    width: 46%;
}

.fg5 {
    width: 37.66%;
}

.fg4 {
    width: 29.33%;
}

.fg4II {
    width: 33.33%;
    margin: 0 0 0;
    float: left;
    position: relative;
}

.fg3 {
    width: 21%;
}

.fg2_small_box {
    width: 8.66%;
}

.fg2_2 {
    width: 17%;
}

.fg2 {
    width: 12.66%;
}

.fg1 {
    width: 4.33%;
}

/* ======================================= 
   push w/ columns
   ======================================= */

.push12 {
    margin-left: 100%;
}

.push11 {
    margin-left: 93.66%;
}

.push10 {
    margin-left: 85.33%;
}

.push9 {
    margin-left: 77%;
}

.push8 {
    margin-left: 68.66%;
}

.push7 {
    margin-left: 60.33%;
}

.push6 {
    margin-left: 52%;
}

.push5 {
    margin-left: 43.66%;
}

.push4 {
    margin-left: 35.33%;
}

.push3 {
    margin-left: 27%;
}

.push2 {
    margin-left: 18.66%;
}

.push1 {
    margin-left: 10.33%;
}

.fg4_2 {
    width: 37.66%;
    max-width: 90%;
    float: right;
    position: relative;
    margin-right: 15%;
}

.fg5_2 {
    width: 37.66%;
    max-width: 50%;
    margin: 0 0 0;
    float: left;
    position: relative;
    margin-left: 10.33%
}

/* ======================================= 
   columns w/o margin
   ======================================= */

.fg-no-gutter {
    padding: 0 3.5%;
    margin-top: 0;
    margin-bottom: 0;
}

.fg-no-gutter>[class*="fg"] {
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
}

.fg-no-gutter img {
    max-width: 100%;
    max-height: 100%;
}

.fg-no-gutter .fg12 {
    width: 100%;
}

.fg-no-gutter .fg11 {
    width: 91.66%;
}

.fg-no-gutter .fg10 {
    width: 83.33%;
}

.fg-no-gutter .fg9 {
    width: 75%;
}

.fg-no-gutter .fg8 {
    width: 66.66%;
}

.fg-no-gutter .fg7 {
    width: 58.33%;
}

.fg-no-gutter .fg6 {
    width: 50%;
}

.fg-no-gutter .fg5 {
    width: 41.66%;
}

.fg-no-gutter .fg4 {
    width: 33.33%;
}

.fg-no-gutter .fg3 {
    width: 25%;
}

.fg-no-gutter .fg2 {
    width: 16.66%;
}

.fg-no-gutter .fg1 {
    width: 8.33%;
}

/* ======================================= 
   push columns w/o margin
   ======================================= */

.fg-no-gutter .push12 {
    margin-left: 100%;
}

.fg-no-gutter .push11 {
    margin-left: 91.66%;
}

.fg-no-gutter .push10 {
    margin-left: 83.33%;
}

.fg-no-gutter .push9 {
    margin-left: 75%;
}

.fg-no-gutter .push8 {
    margin-left: 66.66%;
}

.fg-no-gutter .push7 {
    margin-left: 58.33%;
}

.fg-no-gutter .push6 {
    margin-left: 50%;
}

.fg12 .push5 {
    margin-left: 41.66%;
}

.fg-no-gutter .push4 {
    margin-left: 33.33%;
}

.fg-no-gutter .push3 {
    margin-left: 25%;
}

.fg-no-gutter .push2 {
    margin-left: 16.66%;
}

.fg-no-gutter .push1 {
    margin-left: 8.33%;
}

.fg-no-mobile {
    display: block !important;
}

.fg-no-desktop {
    display: none !important;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.imgresponsive {
    max-width: 100%;
    z-index: 2;
}

/* ======================================= 
   media queries
   ======================================= */

/* tablet size */

@media screen and (max-width: 64em) {
    body,
    html,
    header,
    .header {}
}

/* smartphone size */

@media screen and (max-width: 1200px) {
    div.fokus h1 {
        font-size: 70px !important;
    }
}

@media screen and (max-width: 1100px) {
    div.fokus h1 {
        font-size: 50px !important;
        line-height: 1em;
    }
    p {
        font-size: 19px !important;
    }
    h4 {
        font-size: 26px !important;
    }
}

@media screen and (max-width: 1100px) {
    .row {
        padding: 0 1em;
        margin: 0;
    }
    .fg1 {
        width: 46%;
        margin-bottom: 1em;
    }
    .fg2_2 {
        width: 45%;
        display: inline-block;
    }
    .diamond {
        width: 100%;
    }
    .fg3,
    .fg4,
    .fg5,
    .fg6,
    .fg7,
    .fg8,
    .fg9,
    .fg10,
    .fg11,
    .fg12,
    .fg2_small_box {
        margin: 0 5% 1em;
        padding: 0;
        width: 90%;
    }
    .fg-no-gutter>[class*="fg"] {
        width: 50%;
    }
    .fg4_2 {
        margin: 0 5% 1em;
        padding: 0;
        width: 100%;
    }
    .fg-no-desktop {
        display: block !important;
    }
    .text-right {
        text-align: center;
    }
    .text-left {
        text-align: center;
    }
}

@media screen and (max-width: 1024px) {
    .fg-no-mobile {
        display: none !important;
    }
}