body {
}
/* .row {
    display: block;
}
div[class^="col"] {
    display: block;
    max-width: 100%;
} */

.container {
    width: 100%;
}

.reverse-mobile {
    flex-direction: column-reverse;
}

/* Navigation Footer */
    .navigation.rafter,
    .navigation.foot {
        display: none;
    }


/* Hero */
    .heroes  {
        margin-bottom: 100px;
    }
    .hero .hero-caption {
        position: relative;
        z-index: 10;
    }
    .hero .hero-image {
        position: relative;
    }
    .hero .hero-image img {
        width: 100%
    }
    .hero .hero-image:before {
        content: " ";
        display: block;
        position: absolute;
        z-index: 10;
        background-image: url("/images/hero-mask.svg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center bottom;
        left: 0;
        top: 15%;
        width: 100%;
        height: 100%;
    }