.hero {
    background-image:url(../img/backgrounds/background_hero.png);
    background-size:cover;
    background-position:center;
    background-repeat: no-repeat;
    padding:2rem 0 3rem;
}

.hero h1,
.hero p {
    color:#fff;
}

.hero h1 {
    margin-bottom:1rem;
}

.hero h3 {
    color:#d5aa53;
}

.hero .col-hero__image img {
    max-height:224px;
    max-width:280px;
    width:auto;
    margin:auto;
    display:block;
    margin-bottom:2rem;
}

.hero .hero__content__button {
    margin-top:2.5rem;
}

.hero .owl-nav button {
    position:absolute;
    top:8rem;
    min-width:auto;
}

.hero .owl-nav button i {
    color:#fff;
    font-size:2.4rem;
}

.hero .owl-carousel .owl-nav button[class*=owl-]:hover {
    background:transparent;
}

.hero .owl-nav button.owl-prev {
    left:0;
}

.hero .owl-nav button.owl-next {
    right:0;
}

@media (min-width:768px) {
    .hero {
        padding:4.5rem 0;
    }
    .hero .col-hero__image img {
        max-height:368px;
        max-width:200px;
        margin-bottom:0;
    }
    .hero .owl-nav button {
        top:40%;
    }
    .hero h1 {
        margin-bottom:1.5rem;
    }
}

@media (min-width:992px) {
    .hero .col-hero__image img {
        max-width:290px;
    }
    .hero {
        min-height:480px;
    }
}

@media (min-width:1200px) {
    .hero .col-hero__image img {
        max-width:330px;
    }
}