.section-hero {
    background: white;
    padding: 0;
}

.section-hero .container-hero {
    height: 100%;
    width: auto;
    min-height: inherit;
}

@media only screen and (max-width: 767px) {
    .section-hero .container-hero {
        padding-left: 0;
    }
}

.section-hero .row-hero {
    flex-direction: column;
    display: flex;
    height: 100%;
    min-height: inherit;
}

@media only screen and (min-width: 992px) {
    .section-hero .row-hero {
        height: 100%;
        display: flex;
        flex-direction: row;
    }
}

/****************** Beginning of the right part of the 1st section *****************/


.section-hero .right-hero-block {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 10em;
    padding-top: 5em;
}

@media only screen and (min-width: 991px) {
    .section-hero .right-hero-block.first-part {
        padding-top: 0;
    }
}

.section-hero .right-hero-inside {
    display: flex;
    flex-direction: column;
    justify-content: start;
}



@media only screen and (max-device-width: 991px) {
    .section-hero blockquote {
        font-size: 1.10em;
        line-height: 1.5em;
        font-style: italic;
        margin-bottom: 1.1304347826087em;
    }
}



@media only screen and (max-device-width: 420px) {
    .section-hero .wrapper-best-of-both {
        top: 7.5%;
    }
}


@media only screen and (max-device-width: 812px) {
    .section-hero .wrapper-best-of-both {
        font-size: max(4.2vh, 7vw);
    }
}


@media only screen and (max-device-width: 991px) {
    .section-hero .wrapper-best-of-both {
        font-size: max(3vh, 4vw);
        line-height: max(3.5vh, 4vw);
    }
}


@media only screen and (max-device-width: 420px) {
    .section-hero .wrapper-best-of-both {
        line-height: max(2.8vh, 3vw);
    }
}

button:focus {
    outline: none;
}