.hero {
    height: 100vh;
    min-height: 270px;
    width: 100%;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

/*.hero::before {*/
    /*content: "";*/
    /*position: absolute;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*top: 0;*/
    /*left: 0;*/
    /*z-index: 1;*/
    /*background-color: rgba(0,48,91, 0.6);*/
    /*pointer-events: none;*/
/*}*/

.hero .container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: relative;
    z-index: 1;
    pointer-events: none;
}

.hero .hero_text h2,
.hero .hero_text span {
    display: block;
    text-align: center;
}

.hero .hero_text h2 {
    font-size: 31px;
    line-height: 42px;
    font-weight: 400;
    padding: 0 0 10px 0;
    margin-bottom: 28px;
    text-transform: uppercase;
    font-family: 'Marcellus SC', sans-serif;
    /*color: darkgoldenrod;*/
    color: white;
}
.hero .hero_text h2::before {content: none;}

.hero .hero_text span {
    /*font-family: 'Montserrat', sans-serif;*/
    font-size: 12px;
    line-height: 23px;
    font-weight: 300;
    color: white;
}

@media (min-width: 992px) {

    .hero .hero_text h2 {
        font-size: 45px;
    }

    .hero .hero_text span {
        font-size: 18px;
    }
}

.movingImage_wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    overflow: hidden; /*That is the only reason wrapper exists*/
}

.movingImage {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

@media (min-width: 992px) {
    .movingImage {
        width: 101%;
        height: 101%;
        left: -0.5%;
        top: -0.5%;
    }
}

@media (max-width: 991.98px) {
    .movingImage {
        width: 100%;
        left: 0;
        top: 0;
        transform: none !important;
    }
}

/*********hero_short**********/
.hero_short {
    height: 340px;
    padding-top: 60px;
}

.hero_short::before {
    content: "";
    height: 100%;
    width: 100%;

    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background: rgba(0, 33, 65, 0.43);
    pointer-events: none;
}

@media (min-width: 992px) {
    .hero_short {
        height: 510px;
    }
}



/***************Front huge logo*****************/
.front .hero_text {
    text-align: center;
}
.front .hero_text::before {
    width: 300px;
}

/************Front***********/
.front .hero_text h2 {
    color: #C99413;
    font-size: 40px;
}

.front .hero .hero_text span {
    font-size: 17px;
    font-weight: 400;
}

@media (min-width: 992px) {
    .front .hero_text h2 {font-size: 55px;}
    .front .hero .hero_text span {
        margin-top: 5px;
        font-size: 22px;
    }
}