/* 
    Created on : 11 sep. 2024, 16:08:47
    Author     : amolier
*/
@import url("https://use.typekit.net/lyq8frg.css");


:root {
    --transition-curve: cubic-bezier(0.005, 0.985, 0.22, 1);
    --transition-curve-inout: cubic-bezier(1, 0, 0, 1);
    --margin: 1.16rem;
    --green: #54f70f;
}

@font-face{
    font-family: 'Shapiro';
    src: url('../fonts/shapiro-65-light-heavy.ttf') format('truetype');
}

@font-face {
    font-family: MyriadPro;
    src: url('../fonts/MyriadPro-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Futura_XBlkCnlt_BT';
    src: url('../fonts/Futura_XBlkCnlt_BT.ttf') format('truetype')
}

.OwnersBlack {
    font-family: owners, sans-serif;
    font-weight: 800;
}

.OwnersBlackThin {
    font-family: owners, sans-serif;
    font-weight: 400;
}

.OwnerNarrowBlack {
    font-family: owners-narrow, sans-serif;
    font-weight: 800;
}

.OwnersNarrowBlackItalic {
    font-family: "owners-narrow", sans-serif;
    font-weight: 800;
    font-style: italic;
}

.OwnersBlackItalic {
    font-family: owners-narrow, sans-serif;
    font-weight: 800;
    font-style: italic;
}

.OwnersXBlackItalic {
    font-family: owners-narrow, sans-serif;
    font-weight: 900;
    font-style: italic;
}

.MyriadPro {
    font-family: MyriadPro;
}

h1 {
    font-family: owners-narrow, sans-serif;
    font-weight: 900;
    font-style: italic;
}

h2 {
    font-size: 3rem;
    line-height: 1.3em;
    font-family: owners-narrow, sans-serif;
    font-weight: 900;
}

h3 {
    font-size: 2rem;
    line-height: 1.3em;
    font-family: owners-narrow, sans-serif;
    font-weight: 900;
    font-style: italic;
}

h2.footer-font {
    font-weight: 700;
    font-size: 4rem;
    line-height: 1.1em;
    font-style: italic;
}

h4 {
    font-size: 1.6rem;
    line-height: 1.3em;
    font-family: owners-narrow, sans-serif;
    font-weight: 600;
}

h4.font-large {
    font-size: 3rem;
    line-height: 1.1em;
}

h2.font-xl {
    font-size: 2.5vw;
    line-height: 1em;
}

h2.font-xl .italic {
    font-style: italic;
    font-weight: 500;
}

h2.font-l {
    font-size: 2vw;
    line-height: 1em;
    font-weight: 600;
}

.position-relative {
    position: relative;
}


.font-xxl {
    font-size: 3.2vw;
    line-height: 1.2em;
    font-family: owners-narrow, sans-serif;
    font-weight: 900;
}

.font-3xl {
    font-size: 4vw;
    line-height: 1.2em;
    font-family: owners-narrow, sans-serif;
    font-weight: 900;
}

.font-4xl {
    font-size: 5vw;
    line-height: 1.2em;
    font-family: owners-narrow, sans-serif;
    font-weight: 900;
}

.text-framed {
    padding: .3em 0.6em;
    line-height: 1em;
    font-style: italic;
    border-radius: 1em;
    color: white;
    background-color: black;
}

.fw-900 {
    font-weight: 900;
}

.color-green {
    color: var(--green) !important;
}

.color-black {
    color: black !important;
}

.color-white {
    color: white !important;
}

.text-shadow {
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.bg-white {
    background-color: white;
}

.bg-white-padding {
    background-color: white;
    padding: .3em .5em;
}

.bg-black {
    background-color: black;
    color: white;
}

.bg-black a, .bg-black a:hover {
    color: white;
}

.bg-white-rounded {
    display: inline-block;
    background-color: white;
    color: black;
    padding: 0 .8em;
    border-radius: 1em;
    line-height: 1.5em;
}

.bg-black-rounded {
    display: inline-block;
    background-color: black;
    color: white;
    padding: 0 .8em;
    border: 1px solid white;
    border-radius: 1em;
    line-height: 1.5em;
}

.bg-purple {
    color: white;
    background-color: #6803FF;
    padding: .3em .5em;
}

.bg-purple:hover {
    color: white;
}

.hover-underline:hover {
    text-decoration: underline;
}

.mt-1_5em {
    margin-top: 1.5em;
}

.pt-5 {
    padding-top: 5vw;
}

.pb-5 {
    padding-bottom: 5vw;
}

.height-100 {
    height: 100%;
}

.font-border {
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.circle-cursor {
    display: none;
}

.desktop .circle-cursor {
    display: block;
    --circle-size: 45px;
    position: fixed;
    z-index: 10200;
    /*height: var(--circle-size);*/
    height: 63px;
    width: var(--circle-size);
    /*border: 1px solid white;*/
    /*border-radius: 100%;*/
    top: calc(var(--circle-size) / 2 * -1);
    left: calc(var(--circle-size) / 2 * -1);
    pointer-events: none;
    /*filter: blur(3vh);*/
    /*border-radius: 100%;*/
    transform: translateZ(0);
    /*background-color: #f195a5;*/
    transition: opacity .5s cubic-bezier(0,1,.75,1);
    opacity: 0;
    /*mix-blend-mode: hard-light;*/
    background-image: url('../img/banaan-cursor.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.pb-button {
    position: relative;
    display: inline-block;
    min-width: 9em;
    color: white;
    background-color: #6803FF;
    padding: .2em .5em;
    font-size: 1.2em;
    text-align: center;
}

.pb-button:hover {
    color: white;
}

.scroll-count {
    top: 140px;
    left: 10px;
    position: fixed;
    z-index: 100;
    background-color: white;
    display: none;
}

.scroll-count-banaan {
    top: 140px;
    left: 100px;
    position: fixed;
    z-index: 100;
    background-color: white;
    display: none;
}

.message {
    top: 60px;
    left: 10px;
    position: fixed;
    z-index: 100;
    background-color: white;
    display: none;
}

.message2 {
    top: 80px;
    left: 10px;
    position: fixed;
    z-index: 100;
    background-color: white;
    display: none;
}

.message3 {
    top: 100px;
    left: 10px;
    position: fixed;
    z-index: 100;
    background-color: white;
    display: none;
}

.message4 {
    top: 120px;
    left: 10px;
    position: fixed;
    z-index: 100;
    background-color: white;
    display: none;
}

.message5 {
    top: 140px;
    left: 10px;
    position: fixed;
    z-index: 100;
    background-color: white;
    display: none;
}

.test-btns {
    position: fixed;
    top: 100px;
    z-index: 100;
    /*display: none;*/
}

.test-btns a {
    color: black;
}

.btn-0 {
    /*display: block;*/
    width: 40px;
    height: 30px;
    /*background: red;*/
    display: none;
}

.btn-1 {
    /*display: block;*/
    width: 40px;
    height: 30px;
    /*background: red;*/
    display: none;
}

.btn-2 {
    /*display: block;*/
    width: 40px;
    height: 30px;
    /*background: red;*/
    display: none;
}

.btn-3 {
    /*display: block;*/
    width: 40px;
    height: 30px;
    /*background: red;*/
    display: none;
}

.btn-4 {
    /*display: block;*/
    width: 40px;
    height: 30px;
    /*background: red;*/
    display: none;
}

.btn-5 {
    /*display: block;*/
    width: 40px;
    height: 30px;
    /*background: red;*/
    display: none;
}



a, a:hover {
    color: black;
}

.empty-space-1 {
    height: 4vw;
}

.opacity-0 {
    opacity: 0;
}

.blurred {
    /*transform: translate(0, calc((9 / 16)* 50vw));*/
    /*transform: translate(0, calc((9 / 16)* 50vw)) scale(1, 2);*/
    filter: blur(30px);
}

.blurred-2 {
    filter: blur(30px);
}

/*.blurred {
    filter: blur(30px);
    transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1.1);
}*/

.noise {
    background-image: url('../img/noise.png');
    top: -10rem;
    left: -10rem;
    width: calc(100% + 20rem);
    height: calc(100% + 20rem);
    z-index: 10;
    position: fixed;
    pointer-events: none;
    background-position: 50%;
    transform: translateZ(0);
    animation: noise 5s steps(5) infinite;
    z-index: 5;
}

@keyframes noise {
    0% {
        transform: translate3d(0, 9rem, 0);
    }

    10% {
        transform: translate3d(-1rem, -4rem, 0);
    }

    20% {
        transform: translate3d(-8rem, 2rem, 0);
    }

    30% {
        transform: translate3d(9rem, -9rem, 0);
    }

    40% {
        transform: translate3d(-2rem, 7rem, 0);
    }
    50% {
        transform: translate3d(-9rem, -4rem, 0);
    }
    60% {
        transform: translate3d(2rem, 6rem, 0);
    }
    70% {
        transform: translate3d(7rem, -8rem, 0);
    }
    80% {
        transform: translate3d(-9rem, 1rem, 0);
    }
    90% {
        transform: translate3d(6rem, -5rem, 0);
    }
    100% {
        transform: translate3d(-7rem, 0, 0);
    }
}

.vh-center {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.xl-vh-center {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.vh-center-2 {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
}

.v-center {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
}

.h-center {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}



.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix             {
    zoom: 1;
} /* IE6 */
*:first-child+html .clearfix {
    zoom: 1;
} /* IE7 */

body {
    overflow-x: hidden;
    width: 100%;
    /*    height: 100%;
        overflow-y: scroll;*/
    font-size: 18px;
}

body.noscroll {
    overflow: hidden;
}

.noscroll {
    height: 100vh !important;
    overflow: hidden;
}

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


/* Site selectie overlay */

/* Verplaatst naar apart stylesheet */

/* Einde site selectie overlay */

#wrapper {
    transition: opacity .5s;
    /*    width: 100%;
        overflow-x: hidden;*/
}

.header {
    position: fixed;
    display: flex;
    justify-content: space-between;
    top: 0;
    left: 0;
    width: 100%;
    padding: .8em 2em 0;
    color: black;
    /*border-bottom: 1px solid black;*/
    z-index: 999;
    transition: top .5s ease-in-out;
    overflow: hidden;
}

.header.hidden {
    top: -100px;
}

.home .header {
    color: white;
}

.mix-blend-difference {
    mix-blend-mode: difference;
}

.werk-open .mix-blend-difference {
    mix-blend-mode: normal;
}

.header a {
    color: black;
}

/*.home .header a {
    color: var(--green);
}*/

.toggle-sound {
    display: none;
}

.home .toggle-sound {
    display: inline-block;
}

.scroll-indicator {
    display: none;
}

.home .scroll-indicator {
    display: block;
}

.menu-open .header a {
    /*color: black !important;*/
}

.header-right {
    font-size: 1.5em;
}

.scroll-counter {
    display: inline-block;
    width: 2em;
}

.logo {
    background-color: black;
    padding: 2px 8px;
    margin-top: 14px;
}

.logo img {
    /*    position: relative;
        font-family: MyriadPro;
        font-weight: 800;
        font-style: italic;
        font-size: 2em;
        line-height: 1em;
        color: black;*/
    width: 200px;
}

/*.home .logo {
    color: white;
}*/

.home .footer {
    position: fixed;
    bottom: 3vh;
    right: 2vw;
    font-size: 1.5em;
    color: white;
    z-index: 1001;
}

.home .footer a {
    color: white;
}

.home .footer a.toggle-sound {
    font-size: .7em;
}

#footer {
    background-color: black;
    font-family: owners-narrow, sans-serif;
    font-size: 1.4rem;
}

.footer-front {
    font-family: owners-narrow, sans-serif;
    font-size: 1.4rem;
}

footer a:hover, .footer-front a:hover {
    text-decoration: underline;
}

footer ul, .footer-front ul {
    list-style: none;
    padding-left: 0;
}

.logo-footer {
    text-align: center;
    padding: 2vw 0;
    background-color: black;
    border-top: 1px solid white;
}

.logo-footer img {
    display: inline-block;
    width: 50vw;
    color: white;
}

/* mailchimp form */

#mc_embed_signup form {
    margin: 0 !important;
}

.nav-overlay-contact #mc_embed_signup_scroll {
    text-align: center;
}

#footer #mc_embed_signup input[type="email"], .section-outro #mc_embed_signup input[type="email"]{
    border-radius: 1em !important;
    border: 1px solid white;
    color: white;
    background-color: transparent;
    padding: .1em 1em;
    font-family: owners-narrow, sans-serif;
    font-size: 1.5em;
}

#footer #mc_embed_signup input[type="submit"], .section-outro #mc_embed_signup input[type="submit"]{
    margin-top: .5em;
    background-color: transparent;
    border: 0 solid black;
    color: white;
    font-size: 2rem;
    line-height: 1.3em;
    font-family: owners-narrow, sans-serif;
    font-weight: 700;
}


.nav-overlay-inner h2 {
    font-size: 2rem;
}

.nav-overlay-inner #mc_embed_signup input[type="email"]{
    border-radius: 1em !important;
    border: 1px solid black;
    color: white;
    background-color: transparent;
    padding: .1em 1em;
    font-family: owners-narrow, sans-serif;
    font-size: 1.5em;
}

.nav-overlay-inner #mc_embed_signup input[type="submit"]{
    margin-top: .5em;
    background-color: transparent;
    border: 0 solid black;
    color: black;
    font-size: 2rem;
    line-height: 1.3em;
    font-family: owners-narrow, sans-serif;
    font-weight: 700;
}



/* Menu */

.hoofdmenu {
    margin-top: 20px;
}

.hoofdmenu a {
    color: white;
    /*background-color: white;*/
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    /*border: 1px solid black;*/
    /*border-radius: 1em;*/
    /*padding: .3em .6em;*/
    margin-right: 1.5rem;
    margin-top: 1.5rem;
    font-weight: 600;
    font-family: owners-narrow, sans-serif;
    text-transform: uppercase;
}

.hoofdmenu a:hover {
    text-decoration: underline;
}

.mobile-menu a {
    display: block;
    font-family: owners-narrow, sans-serif;
    color: black;
    font-size: 10vw;
    line-height: 1em;
    font-weight: 800;
    padding: .1em 0;
    text-transform: uppercase;
    /*    transform: translate3d(0, 100%, 0);
        transition: transform 1s var(--transition-curve);*/
}

.nav-toggle {
    /*position:fixed;*/
    display: none;
    box-sizing: border-box;
    /*left: calc(100vw - 100px);*/
    /*    top: 15px;
        padding: 25px;*/
    z-index: 1002;
    /*border: 1px solid red;*/
    text-transform: uppercase;
    padding-bottom: 5px;
}

.close-btn {
    position: absolute;
    display: block;
    right: 20px;
    top: 30px;
    width: 40px;
    height: 65px;

}

.nav-toggle span,
.close-btn span
{
    display: block;
    height: 12px;
    width: 40px;
    background-color: black;
    transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.home .nav-toggle span
{
    background-color: black;
}



.nav-toggle #line-1,
.close-btn #line-1
{
    margin-bottom: 6px;
}

.nav-toggle.open span#line-1
{
    transform: translate(0, 9px) rotate(-45deg);
}

.close-btn span#line-1
{
    transform: translate(0, 9px) rotate(-45deg);
}

.nav-toggle.open span#line-2,
.close-btn span#line-2
{
    transform: translate(0, -9px) rotate(45deg);
}

.nav-overlay {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - var(--margin) * 2);
    height: 0px;
    opacity: 0;
    top: 0;
    left: 0;
    margin: var(--margin);
    background-color: rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    z-index: 1001;
    transition: height 0.3s var(--transition-curve);
    pointer-events: none;
}

.menu-open .nav-overlay-menu {
    /*height: calc(100vh - var(--margin) * 2);*/
    height: auto;
    opacity: 1;
    pointer-events: all;
    padding: 4em 0 1em;
}



.nav-overlay-contact {
    /*background-color: white;*/
}

.contact-open .nav-overlay-contact {
    height: calc(100vh - (var(--margin) * 2));
    padding: 1em 0;
    opacity: 1;
    pointer-events: all;
}

.nav-overlay-werk {
    background-color: white;
    overflow-y: auto;
    align-items: flex-start;
    opacity: 1;
    /*position: absolute;*/
}

.werk-open .nav-overlay-werk {
    height: calc(100vh - (var(--margin) * 2));
    padding: 1em 0;
    /*min-height: calc(100vh - (var(--margin) * 2));*/
    /*height: auto;*/
    opacity: 1;
    pointer-events: all;

}

.werk-open.home .header a {
    color: black;
}

.werk-open.home .header .nav-toggle span {
    background-color: black;
}

.nav-overlay-inner {
    position: relative;
    width: 80%;
    /*min-height: 100%;*/
    /*height: 200vh;*/
}

.nav-overlay-contact .nav-overlay-inner {
    max-width: 500px;
}

.nav-overlay-inner.mobile-menu {
    /*min-height: 0%*/
}

.nav-overlay ul {
    list-style: none;
}

.nav-overlay ul li {
    display: flex;
    overflow: hidden;
}

/*.nav-overlay ul li .nav-link {
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}*/

.nav-overlay ul a, .menu-item{
    display: inline-block;
    padding: .1em 0;
}

.nav-overlay ul a, .menu-font{
    color: black;
    font-size: 10vw;
    line-height: 1em;
    font-weight: 800;
    text-transform: uppercase;
    transform: translate3d(0, 100%, 0);
    transition: transform 1s var(--transition-curve);
}




.menu-open .nav-overlay ul li a {
    transform: translate3d(0, 0, 0);
}

.menu-open .nav-overlay ul li:nth-child(1) a {
    transition-duration: 0.7s;
    transition-delay: 0.05s;
}

.menu-open .nav-overlay ul li:nth-child(2) a {
    transition-duration: 1.2s;
    transition-delay: 0.1s;
}

.menu-open .nav-overlay ul li:nth-child(3) a {
    transition-duration: 1.7s;
    transition-delay: 0.15s;
}

.menu-open .nav-overlay ul li:nth-child(4) a {
    transition-duration: 2.2s;
    transition-delay: 0.2s;
}

.nav-toggle-werk {
    line-height: 1.2em;
}



.text-logo {
    font-family: 'Shapiro';
    text-transform: uppercase;
    font-size: 4em;
    font-weight: 800;
}

.nav-overlay-inner p {
    font-size: 1.5em
}



/* einde menu */


main#main {
    margin-top: 6em;
}

.section-intro-1 {
    position: relative;
    /*height: 46vw;*/
    padding: 6vw 16% 0 16%;
    /*padding-left: 8%;*/
    /*border: 1px solid blue;*/
}

.section-intro-1 .inner {
    position: relative;
    /*height: calc(.5625 * 67vw);*/
    /*overflow: hidden;*/
    /*border: 1px solid red;*/
}

.intro-video {
    position: relative;
    height: calc(.5625 * 67vw);
    width: 100%;
    top: 0;
    left: 0;
}

.play-btn-intro-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 15%;
    width: 15%;
    border: 0 transparent solid;
    background-color: transparent;
}

.play-btn-intro-video img{
    height: 100%;
    width: auto;
}

/*@media (max-aspect-ratio: 1.78) {
    .intro-video {
        height: 100vh;
        width: calc(1.78 * 100vh);
        top: 0;
        left: calc(.5 * (100vw - 1.78 * 100vh));

    }
}*/

.intro-img-mac {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-intro-1-left-text {
    position: absolute;
    left: 2vw;
    bottom: 7vh;
    z-index: 10;
    color: white;
}

.section-intro-1-text-1 {
    position: absolute;
    width: 100%;
    left: 0;
    top: calc(50% - 6vw);
    transform: translateY(-50%);
    z-index: 10;
}

.section-intro-1-text-1.position-fixed {
    width: 100%;
    left: 0;
    top: 10px;
    transform: translateY(0);
}

.home .logo-center {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 10vw;
    color: white;
    font-family: MyriadPro;
    font-weight: 800;
    font-style: italic;
    /*font-size: 2.5vw;*/
    /*line-height: 1.5em;*/
}

.home .logo-center img {
    display: inline-block;
    width: 100%;
    height: auto;
}

/*.home .logo-center:before {
    position: absolute;
    left: -1.5vw;
    top: 0;
    width: 1.5vw;
    height: 1vw;
    content: " ";
    background-image: url('../img/st.png');
    background-repeat: no-repeat;
    background-size: 1.5vw auto;
}*/

.section-intro-1-text-2 {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.section-intro-1-text-2 h2, .section-intro-2 h2 {
    text-align: left;
    color: white;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 3vw;
    line-height: 1em;
}

.section-intro-1-text-2 h2.italic  {
    font-weight: 500;
    font-style: italic;
}

.section-intro-2 .bunny {
    position: absolute;
    left: -60px;
    top: -30px;
    width: 63px;
}

.section-intro-2 .kippenpoot-1 {
    position: absolute;
    right: -30px;
    top: -10px;
    width: 80px;
}

.section-intro-2 h3 {
    position: relative;
    font-style: normal;
    font-weight: 400;
    margin-top: 1em;
}

.section-intro-2 h3 {
    font-size: 1.5em;
}

.section-intro-2 .action-btns   {
    margin-top: 5em;
}

.section-intro-2 .action-btns a  {
    font-size: 2vw;
    font-family: owners-narrow, sans-serif;
    font-weight: 600;
    border: 1px solid black;
    padding: .1em .5em;
    text-decoration: underline;
    margin: 0 .3em;
}




.section-footer {
    position: absolute;
    bottom: calc(4vh + 10px);
    left: 0;
    width: 100%;
    text-align: center;
}

.section-intro-1 .scroll-arrow{
    display: inline-block;
    width: 6vw;
}

/*.section-intro-1 img.main{
    width: 100%;
    height: calc((8 / 16) * 100vw);
    object-fit: cover;
}*/


.section-intro-2 .content-row {
    position: relative;
    padding: 2em 0 5em;
}

/*.section-intro-2 .row .pb-col-1 {
    padding:  0 10vw;
}*/

.section-intro-2 h1 {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    font-size: 5vw;
    line-height: 1em;
    width: calc(.6 * 100vw);
}

.section-intro-2 .row .pb-col-2 {
    padding:  0 20vw 0 0;
}

.section-intro-2 .row .pb-col-2 p {
    line-height: 1.6em;
    font-size: 19px;
}

.nu-button {
    font-family: "abril-text";
    top: 6px;
    margin-left: .5em;
}

.heart-btn {
    position: absolute;
    right: 3vw;
    bottom: 40px;
}

.heart-btn img {
    width: 6vw;
    height: auto;
}

.banners-row {
    background-color: black;
    color: transparent;
    font-size: 3em;
    padding: .5em 0;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
    overflow-x: hidden;
}

.marquee-banners {
    height: 1.2em;
}

.banners-row span {
    text-transform: uppercase;
    margin: 0 .5em;
}

.bunny-left {
    position: absolute;
    left: -6vw;
    top: -8vw;
    display: inline-block;
    width: 10vw;
    height: auto;
}

.bunny-right {
    position: absolute;
    right: -10vw;
    top: 0;
    display: inline-block;
    width: 10vw;
    height: auto;
}

/*.section-intro-2 h1 > span span:before {
    position: absolute;
    left: 6vw;
    top: -10vw;
    width: 10vw;
    height: 15vw;
    content: " ";
    background-image: url('../img/bunny.png');
    background-repeat: no-repeat;
    background-size: 10vw;
}*/

/*.section-intro-2 h1 > span span:after {
    position: absolute;
    right: 0vw;
    top: -2vw;
    width: 10vw;
    height: 15vw;
    content: " ";
    background-image: url('../img/bunny-s.png');
    background-repeat: no-repeat;
    background-size: 10vw;
}*/

.trump-container {
    position: relative;
    width: 1100px;
    max-width: 100%;
    margin: 20vw auto 0;
    /*overflow-x: hidden;*/
    /*z-index: 20;*/
}

#trump {
    position: relative;
    display: inline-block;
    width: 1000px;
    max-width: calc(100% - 100px);
    height: auto;
    left: 100px;
}

#banaan {
    position: absolute;
    display: inline-block;
    width: auto;
    height: 700px;
    left: 300px;
    top: -588px;
}

#center-point {
    position: absolute;
    left: 420px;
    top: -295px;
    visibility: hidden;
}

.section-outro.fixed-bottom {
    position: fixed;
    z-index: 1001;
    width: 100%;
    bottom: 0;
    left: 0;
    visibility: visible !important;
}

.section-outro.fixed-bottom .trump-container {
    display: none;
}

.section-outro img.patroon {
    position: relative;
    width: 100%;
    height: auto;
}

.plakband-outro {
    color: white;
    background-color: black;
    font-family: owners-narrow, sans-serif;
    font-weight: 900;
    font-size: 15vw;
    line-height: 1em;
    text-transform: uppercase;
    text-align: center;
}



.sliders-wrapper {
    /*min-height: 4000px;*/
}

.flexslider, .section-between-slider {
    height: calc((9 / 16) * 100vw);
}

.flex-viewport {
    /*z-index: 100;*/
}

.flex-direction-nav {
    /*    position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;*/
    /*z-index: 100*/
}

.flexslider .slides {
    height: 100%;
    position: relative;
}

.flexslider .slides>li {
    height: 100%;
    position: relative;
    /*overflow: hidden;*/
}

.flexslider .slides li > img.main-image, .flexslider .slides li > iframe {
    position: relative;
    width: 100%;
    height: calc((9 / 16) * 100vw);
    -o-object-fit: cover;
    object-fit: cover;
}

.flexslider .slides li > img.main-image, .scrolling-banner{
    transition: filter 1s var(--transition-curve), transform 1s var(--transition-curve);
}

/*.flexslider .slides li > img.main-image{
    transition: filter 2s var(--transition-curve), transform 2s var(--transition-curve);
}*/

.desktop .flexslider .slides li > img.main-image.portrait {
    width: 49%;
    display: inline-block;
    height: calc((9 / 16) * 100vw);
}

.mobile .flexslider .slides li > img.main-image.portrait.second {
    display: none;
}

.project-info {
    position: absolute;
    left: 5%;
    top: 5%;
    /*width: 30%;*/
    text-align: left;
}

.project-info .title {
    display: inline-block;
    color: var(--green);
    background-color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    border: 1px solid black;
    border-radius: 1em;
    font-size: 2rem;
    line-height: 1.5em;
    padding: .2em .8em;
    font-weight: 600;
    text-transform: uppercase;
    font-style: normal;
}

.project-info .subtitle {
    font-size: 1.6rem;
    line-height: 1em;
    font-weight: 600;
    margin-top: .3em;
    text-align: left;
}

.project-info .subtitle span, .section-between-slider .subtitle span {
    display: inline-block;
    color: white;
    background-color: black;
    border-radius: 1em;
    padding: .4em .8em;
}

.hover-arrows-disabled .project-info .title:hover {
    text-decoration: underline;
    cursor: pointer;
}

.project-info .title span.italic {
    font-style: italic;
    font-weight: 500;
}

.project-info .title-link {
    display: inline-block;
    color: white;
    font-family:"abril-text";
    font-size: 1.5rem;
    font-style: italic !important;
    line-height: 1em;
    padding: .4em .8em;
    text-transform: uppercase;
    font-style: normal;
    background-color: #6803FF;
}

.project-info .title-link:hover {
    cursor: pointer;
    text-decoration: underline;
}

.project-info .project-category, .project-info .project-website {
    position: relative;
    font-family: "owners-xnarrow", sans-serif;
    font-weight: 700;
    color: black;
    font-size: 2rem;
    line-height: .9em;
    text-transform: lowercase;
    /*-webkit-text-stroke: 1px grey;  width and color */
    /*z-index:100;*/
}

.project-info .project-website a {
    position: relative;
    display: block;
    z-index:100;
}

.project-info .project-website a .fa-icon {
    position: relative;
    top: 1px;
}



.video-mobile-overlay {
    position: absolute;
    width: 100%;
    height: calc((9 / 16) * 100vw);
    top: 0;
    left: 0;
    background-color: transparent;
}

.flexslider .slides li > img.load-image {
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.flexslider .slides li > img.load-image-2 {
    width: 256px;
    height: 256px;
    /*position: absolute;*/
    /*    top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);*/
}

.flex-direction-nav a {
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
    color: white;
}

.hover-arrows-enabled .flexslider .flex-direction-nav .flex-next{
    cursor: url("../img/ico-arrow-next.svg") 78 24, auto;
    width: 50%;
    height: 95%;
    top: 0;
    right: 0 !important;
    margin: 0;
    font-size: 0px;
    background-color: rgba(211, 211, 211, 0);
    /*z-index: 11;*/
}

.flexslider:hover .flex-direction-nav .flex-prev, .flexslider .flex-direction-nav .flex-prev {
    left: 1.5vw;
}

.flexslider:hover .flex-direction-nav .flex-next, .flexslider .flex-direction-nav .flex-next {
    right: 1.5vw;
}


.flex-direction-nav a {
    height: 6vw;
    margin: -3vw 0 0;
    width: 3vw;
    font-size: 0;
}

.flex-direction-nav a.flex-next:before, .flex-direction-nav a.flex-prev:before {
    color: white;
    font-size: 4vw;
    content:  " ";
    display: block;
    width: 2.1vw;
    height: 6vw;
    background-size: 2.1vw auto;
}

.hover-arrows-disabled .flex-direction-nav a.flex-next:before {
    background-image: url('../img/arrow-right.png');
}

.hover-arrows-disabled .flex-direction-nav a.flex-prev:before {
    background-image: url('../img/arrow-left.png');
}

.hover-arrows-enabled .flex-direction-nav a.flex-next:before {
    content:  "";
}

.hover-arrows-enabled .flex-direction-nav .flex-next.first-slide{
    width: 100%;
}

.hover-arrows-enabled .flexslider .flex-direction-nav .flex-prev{
    cursor: url("../img/ico-arrow-prev.svg") 0 24, auto;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0 !important;
    margin: 0;
    font-size: 0px;
    background-color: rgba(0, 0, 255, 0);
}

.hover-arrows-enabled .flex-direction-nav a.flex-prev:before {
    content:  "";
}

.project-overlay-btn-left {
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 200;
    /*border: 2px solid green;*/
}

.project-overlay-btn-right {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 200;
    /*border: 2px solid red;*/
}

.hover-arrows-enabled .project-overlay-btn-left {
    cursor: url("../img/ico-arrow-prev.svg") 78 24, auto;
    /*background-color: rgba(99, 220, 46, .8);*/
}

.hover-arrows-enabled .project-overlay-btn-right {
    cursor: url("../img/ico-arrow-next.svg") 78 24, auto;
    /*background-color: rgba(99, 220, 46, .8);*/
}

.project-info-slide {
    width: 100%;
    height: calc((9 / 16) * 100vw) !important;
    background-color: lightgrey;
    display: flex !important;
}

.project-info-slide>div {
    position: relative;
    width: 50%;
}

.project-overlay-container{
    display: inline-block;
    /*display: none !important;*/
    position: absolute;
    width: 52%;
    height: 100%;
    right: 0;
    top: 0%;
    padding: 5%;
    background-color: white;
    text-align: left;
    overflow: hidden;
    /*border: 1px solid blue;*/
}

.project-overlay-content {
    /*overflow-y: scroll;*/
}

.project-txt-categories {
    margin-top: 1em;
}

.project-overlay-container-mobile{
    display: inline-block;
    position: absolute;
    width: 100%;
    height: calc((9 / 16) * 100vw);
    left: 0%;
    top: 0%;
    padding: 5%;
    background-color: white;
    font-size: 16px;
    overflow: hidden;
}

.project-overlay-txt h2 {
    font-style: italic;
}

.project-overlay-txt .project-meta {
    font-size: 22px;
    line-height: 2em;
    font-weight: 400;
}

.project-overlay-txt .project-meta span {
    padding: .3em 0.6em;
    line-height: 1em;
    font-style: italic;
    border-radius: 1em;
    color: white;
    background-color: black;
}

.project-overlay-txt .project-meta a {
    padding: 0.3em 0.6em;
    line-height: 1em;
    font-style: italic;
    border: 1px solid black;
    border-radius: 1em;
}

.project-overlay-txt h4 {
    font-size: 20px;
    font-weight: 400;
}

.project-txt-categories .project-category {
    display: inline-block;
    font-size: 20px;
    padding: 0.3em 0.6em;
    line-height: 1em;
    font-style: italic;
    color: white;
    background-color: black;
    border-radius: 1em;
    margin-bottom: .5em;
}

.project-overlay-txt-arrow {
    width: 2vw !important;
    height: auto;
    /*height: 6vw;*/
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}

.project-overlay-txt-mobile {
    display: block;
    height: calc((9 / 16) * 80vw);
    overflow-y: auto;
    /*border: 1px solid red;*/
}

.slide-counter-overlay {
    position: absolute;
    z-index: 100;
    right: 3vw;
    top: 3vw;
    padding: .3em .6em;
    border-radius: 1em;
    color: white;
    background-color: black;
    font-style: italic;
}

.scrolling-banner {
    /*height: 30px;*/
    position: fixed;
    /*position: fixed;*/
    background-color: white;
    padding: .1em 0;
    overflow: hidden;
    /*height: 0;*/
    height: auto;
    opacity: 1;
    bottom: -100px;
    transition: bottom .5s;
}

.scrolling-banner.md-fixed {
    position: fixed;
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    opacity: 1;
    z-index: 1000;
}

.scrolling-banner.odd {
    color: white;
    background-color: black;
}

.scrolling-banner h2 {
    font-size: 3.5em;
    font-style: italic;
    font-weight: 600;
    margin: 0 !important;
    /*margin: .2rem 3em .2em 3em;*/
}

.scrolling-banner h2 span {
    display: inline-block;
    margin: .1rem .2em .1em .2em;
}

.scrolling-banner .project-title-banner {
    position: relative;
    top: .1em;
}

.scrolling-banner .project-category-banner {
    position: relative;
    top: -.1em;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1em;
    border: 1px solid white;
    border-radius: 1em;
}

.scrolling-banner.even .project-category-banner {
    border: 1px solid black;
}

.scrolling-banner .project-category-banner span {
    padding: 0 .5em;
}

#load-more {
    visibility: hidden;
    width: 0;
    height: 0;
    overflow: hidden;
}

.project-overlay-slide-mobile {
    /*display: none !important;*/
}

.section-between-slider {
    position: relative;
    overflow: hidden;
}

.section-between-slider-text {
    height: 100%;
    width: 100%;
}

.title-section-between-slider {
    font-size: 10vw;
    line-height: 1em;
    font-weight: 600;
    text-transform: uppercase;
}

.section-between-slider-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.step {
    position: relative;
    top: 0;
    box-sizing: border-box;
    /*width: 25%;*/
    padding: 2.5vw 2.5vw 6vw;
    height: calc((9 / 16) * 100vw);
}

.step-title {
    display: inline-block;
    font-size: 4.4vw;
    text-transform: uppercase;
    line-height: 1em;
    font-weight: 800;
    font-style: italic;
}

.step-title-counter {
    text-decoration: underline;
    line-height: 1em;
}

.step-title-text {
    display: inline-block;
    padding: .3em 0;
    text-transform: uppercase;
}

.step-title span{
    display: inline-block;
    padding: .1em .2em;
}

.step-text {
    width: 55%;
    font-size: 20px;
    line-height: 1.1em;
}

.step-img {
    position: absolute;
}

.step-1 {
    background-color: #00E700;
}

.step-title.white span {
    color: white;
    background-color: black;
}

.step-title.black span {
    color: black;
    background-color: white;
}

.step-1 .step-img {
    top: 6%;
    left: 40%;
    width: 45%;
}

.step-2 {
    color: white;
    background-color: black;
}

.step-2 .step-img {
    top: 10%;
    right: 0%;
    width: 60%;
}

.step-3 {
    color: black;
    background-color: #C484FF;
}

.step-3 .step-img {
    bottom: 14%;
    right: 0%;
    width: 60%;
}

.step-4 {
    color: white;
    background-color: black;
}

.step-4 .step-img {
    top: 10%;
    right: 0%;
    width: 50%;
}


.section-between-vimeo, .between-section-about-video {
    width: 100%;
    height: 100%;
}

.section-between-slider .title {
    position: absolute;
    left: 2vw;
    top: 2vw;
}

.section-between-slider .banner {
    position: absolute;
    width: 100%;
    height: 1.5em;
    font-weight: 600;
    font-style: italic;
    justify-content: space-around;
    margin-bottom: 0;
}

.section-between-slider .banner-top {
    background-color: black;
    color: white;
    left: 0;
    top: 0;
}

.section-between-slider .banner-bottom {
    left: 0;
    bottom: 0;
}

.section-between-slider .banner span {
    margin: 0 3em;
    /*display: block;*/
}

.btn-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.between-section-about-title-wrapper h2 {
    color: white;
    text-transform: uppercase;
}

.unmute-video-about.unmuted i, .unmute-video-about-ajax.unmuted i {
    display: none;
    /*display: inline-block;*/
}

.unmute-video-about.muted i, .unmute-video-about-ajax.muted i {
    display: none;
}


/* Projecten archief */



.work-overview-wrapper {
    /*    display: flex;*/
    margin-top: 20px;
}

.work-categories {
    /*width: 15%;*/
    padding-right: 2%;
}

.work-categories a {
    display: inline-block;
    font-size: 20px;
    padding: 0.3em 0.6em;
    line-height: 1em;
    font-style: italic;
    color: white !important;
    background-color: black;
    border-radius: 1em;
    margin-bottom: .5em;
}

.work-categories a:hover {
    text-decoration: underline;
}

.work-categories a.selected {
    background-color: grey;
}


.work-overview-div {
    position: relative;
    /*width: 83%;*/
    min-height: calc(100vh - 200px);
}

.loading-gif {
    min-height: calc(100vh - 200px);
    display: flex;
    justify-content: center;
    align-items: center;
}


.pb-cards-container {
    padding: 0;
}

.pb-cards-row {
    margin: 0 -30px;
}

.pb-card {
    position: relative;
    margin-bottom: 3em;
    padding: 0 2%;
    height: 150px;
    /*border: 1px solid red;*/
}

.pb-card-body{
    width: 100%;
    height: 100%;
}

.pb-card-body img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pb-card-title {
    position: absolute;
    width: calc(100% - 60px);
    height: 4em;
    bottom: -4.3em;
    left: 30px;
    overflow: hidden;
}

.pb-card h4 {
    font-size: 1em;
    font-weight: 400;
    transform: translateY(-4em);
    /*transform: translateY(0);*/
    transition: transform 200ms;
    text-align: center;
}

.pb-card:hover h4 {
    transform: translateY(0);
}

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

    /*    .project-info {
            max-width: 40%;
        }*/
}

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

    h2.footer-font {
        font-size: 3.5rem;
    }

    .text-logo {
        font-size: 3em;
    }

    .nav-overlay-contact .nav-overlay-inner {
        max-width: 400px;
    }

    .nav-overlay-inner p {
        font-size: 1em;
    }

    /*    .project-info {
            max-width: 50%;
        }*/
    .section-intro-1-left-text img{
        width: 50px;
    }

    h2.font-l {
        font-size: 3vw;
    }

    .project-info .title {
        font-size: 1.9rem;
    }

    .project-info .subtitle {
        font-size: 1.9rem;
    }

    .step-title {
        font-size: 3.5vw;
    }
}

/* < xs*/
@media screen and (max-width: 1199px) {

    .xl-vh-center {
        display: block !important;
    }

    .section-intro-2 h3 {
        font-size: 1em;
    }

    .section-intro-2 .bunny {
        position: absolute;
        left: -30px;
        top: -30px;
        width: 40px;
    }

    .section-intro-2 .kippenpoot-1 {
        right: -20px;
        top: -10px;
        width: 50px;
    }

    .section-between-slider-1 {
        height: 225vw;
    }

    .title-section-between-slider {
        height: 75vw;
    }

    .section-between-slider-overlay {
        position: relative;
    }

    .step {
        height: 75vw;
    }

    .step-title {
        font-size: 6vw;
    }
}

@media screen and (max-width: 1100px) {
    .trump-container {
        width: 768px;
    }
}

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

    h2 {
        font-size: 2rem;
    }

    h2.footer-font {
        font-size: 3rem;
    }

    .logo img {
        width: 120px;
    }

    .text-logo {
        font-size: 3em;
    }

    .header-right {
        font-size: 1.3em;
    }

    .nav-overlay-inner {
        max-width: 80%;
    }

    .nav-overlay-contact .nav-overlay-inner {
        max-width: 300px;
    }

    .nav-overlay-inner p {
        font-size: 1em;
    }

    h2.font-xl {
        font-size: 5vw;
    }

    h2.font-l {
        font-size: 3vw;
    }

    .section-intro-1-left-text img{
        width: 40px;
    }

    .banners-row {
        font-size: 2.5em;
    }

    /*    .project-info {
            max-width: 60%;
        }*/

    .project-info .title {
        font-size: 1.6rem;
    }

    .project-info .subtitle {
        font-size: 1.6rem;
    }

    .project-info .title-link {
        font-size: 1rem;
    }

    .project-info .project-category {
        font-size: 1.5rem;
    }

    #banaan {
        height: 420px;
        left: 180px;
        top: -360px;
    }

    #trump {
        width: 600px;
        /* left: 112px; */
        left: 60px;
    }

}

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

    h2 {
        font-size: 1.5rem;
    }

    h2.font-xl {
        font-size: 7vw;
    }

    h2.font-l {
        font-size: 5vw;
    }

    h2.footer-font {
        font-size: 2.5rem;
    }

    h4.font-large {
        font-size: 2rem;
    }

    .font-4xl {
        font-size: 8vw;
    }

    .blurred {
        filter: blur(0);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    }

    .blurred-2 {
        filter: blur(0);
    }

    .mix-blend-difference-mob {
        mix-blend-mode: difference;
    }

    .header {
        padding: .8em 1em 0 2em;
        z-index: 1002;
    }

    /*    .logo {
            font-size: 1.5em;
        }*/

    .header-right {
        /*font-size: 1.2em;*/
    }

    .nav-toggle {
        display: block;
    }

    .werk-close-btn, .contact-close-btn {
        display: none;
    }

    .hoofdmenu {
        display: none;
    }

    /*    .section-intro-1 {
            height: calc(100vh - 50px);
        }*/



    .home .logo-center {
        width: 16vw;
        /*font-size: 4vw;*/
    }

    .home .logo-center:before {
        left: -2vw;
        width: 2vw;
        height: 1.5vw;
        background-size: 2vw auto;
    }

    .section-intro-1 {
        padding: 80px 16% 0 16%;
    }

    .section-intro-2 .content-row {
        padding: 2em 0;
    }

    .section-intro-2 h2 {
        font-size: 4vw;
    }

    .section-intro-2 .content-row {
        padding: 1em 0;
    }

    .section-intro-2 h3 {
        font-size: .7em;
    }

    .section-intro-2 .bunny {
        left: 10px;
        top: -25px;
        width: 26px;
    }

    .section-intro-2 .kippenpoot-1 {
        right: 0px;
        top: -10px;
        width: 30px;
    }

    .section-intro-2 .action-btns {
        margin-top: 3em;
    }

    .section-intro-2 .action-btns a  {
        font-size: 3vw;
    }

    .home .footer {
        bottom: 3vh;
        right: 2vw;
        font-size: 1em;
    }

    /*    .project-info {
            max-width: 60%;
        }*/


    .flexslider, .section-between-slider {
        height: calc((3 / 2) * 100vw);
    }

    .section-between-slider-1 {
        height: 750vw;
    }

    .title-section-between-slider {
        height: 150vw;
    }

    .step {
        height: 150vw;
    }

    .title-section-between-slider {
        font-size: 15vw;
    }

    .section-between-slider .banner-top {
        border-top: 1em solid white;
    }

    .section-between-slider .banner {
        height: 2.5em;
    }

    .step-title {
        font-size: 12vw;
        max-width: 70%;
    }

    .step-1 .step-img {
        top: 6%;
        left: 45%;
        width: 35%;
    }

    #vimeo-about {
        /*        width: 200%;
                left: -50%;
                height: calc((3 / 2) * 100vw);*/
    }

    .flexslider .slides li > img.main-image, .flexslider .slides li > iframe {
        height: calc((3 / 2) * 100vw);
    }

    .project-overlay-container-mobile{
        height: calc((3 / 2) * 100vw);
    }

    .project-overlay-txt-mobile {
        height: calc((3 / 2) * 100vw - 10%);
    }

    .flexslider .slides li > img.main-image.portrait {
        height: calc((3 / 2) * 100vw);
    }

    .video-mobile-overlay {
        height: calc((3 / 2) * 100vw);
    }

    .project-info .title {
        font-size: 1.3rem;
    }

    .project-info .subtitle {
        font-size: 1.3rem;
    }

    .project-info .project-category {
        font-size: 1rem;
    }

    .slide-counter-overlay {
        font-size: 16px;
        right: 4vw;
        top: auto;
        bottom: 4vw;
    }

    .scrolling-banner {
        position: relative;
        height: auto;
        opacity: 1;
        bottom: auto;
    }

    .scrolling-banner.md-fixed {
        position: relative;
        display: block;
        bottom: auto;
        left: auto;
        width: 100%;
        height: auto;
    }

    .scrolling-banner h2 {
        font-size: 2em;
    }

    .pb-card h4 {
        font-size: .8em;
        transform: translateY(0);
    }

    .trump-container {
        width: 600px;
    }

    #banaan {
        height: 280px;
        left: 120px;
        top: -240px;
    }

    #trump {
        width: 400px;
        height: auto;
        left: 45px;
    }

    .work-categories div {
        display: inline-block;
        margin-right: .5em;
    }

}



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

    .maak-keuze, .maak-keuze-mobile {
        font-size: 5vw;
    }

    h2 {
        font-size: 1.2rem;
    }

    h3 {
        font-size: 1rem;
    }

    h2.footer-font {
        font-size: 2rem;
    }

    h4.font-large {
        font-size: 1.5rem;
    }

    .font-4xl {
        font-size: 10vw;
    }

    /*    .logo {
            font-size: 1.3em;
        }*/

    .header {
        padding: .8em .5em 0 10px;
    }

    .header-right {
        /*font-size: .9em;*/
    }

    .home .logo-center {
        width: 20vw;
        /*font-size: 6vw;*/
    }

    .home .logo-center:before {
        left: -2.5vw;
        width: 2.5vw;
        height: 2vw;
        background-size: 2.5vw auto;
    }

    .section-intro-1 {
        padding: 80px 2vw 0 10px;
    }

    .intro-video {
        height: calc(.5625 * 96vw);
    }

    .section-intro-2 h2 {
        font-size: 5vw;
    }

    .section-intro-2 h2.h2-part-2 {
        font-family: owners-narrow, sans-serif !important;
        font-weight: 600 !important;
    }

    .section-intro-2 .content-row {
        padding: 2em 0;
    }

    .section-intro-2 .action-btns {
        margin-top: 3em;
    }

    .section-intro-2 .action-btns a  {
        font-size: 4vw;
    }

    .section-intro-2 .kippenpoot-1 {
        right: 0px;
        top: 20px;
        width: 30px;
    }

    .flexslider .flex-direction-nav .flex-next{
        display: none;
    }

    .flexslider .flex-direction-nav .flex-prev{
        display: none;
    }

    .project-overlay-slide-mobile {
        display: block;
    }

    .nav-overlay-inner p {
        font-size: 1em;
    }

    .banners-row {
        font-size: 2.1em;
    }

    .project-info {
        max-width: 100%;
    }

    .project-info .title {
        font-size: 1.1rem;
    }

    .project-info .subtitle {
        font-size: 1.1rem;
        margin-top: 0;
    }

    .project-info .title-link {
        font-size: 0.56rem;
        text-shadow: 2px 2px 2px #3D3D3D;
    }

    .project-info .project-category {
        font-size: .8rem;
        margin-bottom: .2rem;
    }

    .section-between-slider .title {
        font-size: 1.1rem;
    }

    .trump-container {
        display: none;
    }

    footer {
        font-size: 16px;
    }
}