html {
    scroll-behavior: smooth;
    overflow-x: hidden;
    height: 100% !important;
    margin: 0 !important;
}

body {
    font-family: 'Jost', sans-serif !important;
    height: 100% !important;
    background-color: #FFFFFF !important;
    margin: 0 !important;
}

@media (min-width: 1px) {
    .blueprint {
        width: 67%;
        padding-bottom: 20px;
    }
    .bckgr-arrows-big {
        background-image: none !important;
    }
}

@media (min-width: 320px) {
    .blueprint {
        width: 67%;
        padding-bottom: 20px;
    }
    .bckgr-arrows-big {
        background-image: none !important;
    }
}
@media (min-width: 500px){
    .blueprint {
        width: 67%;
        padding-bottom: 20px;
    }
    .bckgr-arrows-big {
        background-image: none !important;
    }
}
@media (min-width: 768px) { 
    .blueprint {
        width: 67%;
    }
    .bckgr-arrows-big {
        background-image: url("/img/arrows_big.svg") !important;
        background-repeat: no-repeat;
        background-position: -25vw 50%;
        background-size: 65vw;
    }
}
@media (min-width: 992px) { 
    .blueprint {
        width: 67%;
    }
    .bckgr-arrows-big {
        background-image: url("/img/arrows_big.svg") !important;
        background-repeat: no-repeat;
        background-position: -25vw 50%;
        background-size: 65vw;
    }
}
@media (min-width: 1200px) { 
    .blueprint {
        width: 67%;
    }
    .bckgr-arrows-big {
        background-image: url("/img/arrows_big.svg") !important;
        background-repeat: no-repeat;
        background-position: -22vw 50%;
        background-size: 65vw;
    }
}

@media (min-width: 1400px) { 
    .blueprint {
        width: 67%;
    }
    .bckgr-arrows-big {
        background-image: url("/img/arrows_big.svg") !important;
        background-repeat: no-repeat;
        background-position: -22vw 50%;
        background-size: 65vw;
    }
}

@media (min-width: 1600px) { 
    .blueprint {
        width: 67%;
    }
    .bckgr-arrows-big {
        background-image: url("/img/arrows_big.svg") !important;
        background-repeat: no-repeat;
        background-position: -22vw 50%;
        background-size: 65vw;
    }
}

@media (min-width: 1800px) { 
    .blueprint {
        width: 67%;
    }
    .bckgr-arrows-big {
        background-image: url("/img/arrows_big.svg") !important;
        background-repeat: no-repeat;
        background-position: -22vw 50%;
        background-size: 65vw;
    }
}

@media (min-width: 2000px) {
    .blueprint {
        width: 67%;
    }
    .bckgr-arrows-big {
        background-image: url("/img/arrows_big.svg") !important;
        background-repeat: no-repeat;
        background-position: -22vw 50%;
        background-size: 65vw;
    }
}

.float-bottom {position: absolute; bottom: 0;}

.widest-container {
    padding-left: 9vw !important;
    padding-right: 9vw !important;
    max-width: 100% !important;
    min-width: 100% !important; 
}

.wider-container {
    padding-left: 10vw !important;
    padding-right: 10vw !important;
    max-width: 100% !important;
    min-width: 100% !important;
}

.slightly-wider-container {
    padding-left: 18vw !important;
    padding-right: 18vw !important;
    max-width: 100% !important;
    min-width: 100% !important;
}

.find-out-more {
    position: relative;
}

.section-box-darker {
    background-color: #f6f5f6;
}

a.anchor {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}

.section-box-darker {
    background-color: #00365f;
}

.section-box-darkest {
    background-color: #00284c;
}

.section-box-footer-dark {
    background-color: #575756;
}

.svg-filter-blue {
    filter: brightness(0) saturate(100%) invert(13%) sepia(33%) saturate(6169%) hue-rotate(190deg) brightness(91%) contrast(102%);
}

.svg-filter-grey {
    color: #ddd9d0 !important;
    filter: brightness(0) saturate(100%) invert(89%) sepia(19%) saturate(90%) hue-rotate(4deg) brightness(99%) contrast(85%) !important;
}

a.btn {
    border-radius: 25px; 
    border: 2px solid white !important; 
    padding: .5rem 1rem; 
    background-color: #ffffff !important;
}
a.btn:hover { 
    border-radius: 25px;
    background: transparent !important;
    color: #ffffff !important;
}

a.btn:focus {
    outline:0;
}

.video_container { 
    position: relative; 
    padding-bottom: 56.25%; 
    padding-top: 30px; 
    height: 0; 
    overflow: hidden; 
}

.video_container iframe, .video_container object, .video_container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}