@font-face {
    font-family: "Jenson Pro";
    src: url("/assets/fonts/AJensonPro-Lt.otf") format("opentype");
    font-weight: 200;
}

@font-face {
    font-family: "Canela";
    src: url("/assets/fonts/Canela-Medium.otf") format("opentype");
    font-weight: 300 !important;
}


html {
    /* 10px */
    font-size: 62.5%;
}

body {
    /* 16px */
    font-size: 1.6rem;
    font-family: 'Jenson Pro', Georgia, serif !important;

}

h1,
h2,
h3,
h4,
h5,
h6,
.nav-item {
    font-family: 'Jenson Pro', Georgia, serif !important;
}

p {
    font-family: 'Jenson Pro', Georgia, serif !important;
}

.text-color-1 {
    color: #d5ae6a;
}

.text-color-2 {
    color: #3e2c26;
}

.bg-color-1 {
    background-color: #394328;
}

.bg-color-2 {
    background-color: #e1deda;
}

.bg-color-3 {
    background-color: #d5ae6a;
}

.bg-back {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.0)), url("/assets/images/galeria/amanha-1-1.webp");
    background-color: #cccccc;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 50vh;
}

.bg-section-1 {
    background-image: url("/assets/images/head-hamanha-1600.webp");
    background-color: #cccccc;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 50vh;
}

.fix-button {
    padding-top: 17rem;
}

.btn-brochure,
.btn-contacto {
    font-size: 1.4rem;
    font-family: "Canela";
    color: white;
    padding: 1rem;
}

.btn-brochure:hover {
    background-color: white;
    color: #3e2c26;
}

.btn-contacto:hover {
    background-color: white;
    color: #394328;
}


.bi {
    font-size: 5rem;
}

.fix-ul {
    padding-left: 20%;
}

@media (min-width: 370px) {
    .bg-back, .bg-section-1 {
        height: 50vh;
        background-size: cover;
    }

    .fix-button {
        padding-top: 22rem;
    }

    .fix-ul {
        padding-left: 25%;
    }
}

@media (min-width: 576px) {
    .bg-back, .bg-section-1 {
        height: 110vh;
        background-size: cover;
    }

    .fix-button {
        padding-top: 14rem;
    }
}


@media (min-width: 768px) {
    .bg-back, .bg-section-1 {
        height: 50vh;
        background-size: cover;
    }

    .fix-button {
        padding-top: 26rem;
    }

    .fix-ul {
        padding-left: 8%;
    }
}


@media (min-width: 992px) {
    .bg-back, .bg-section-1 {
        height: 50vh;
        background-size: cover;
    }

    .fix-button {
        padding-top: 32rem;
    }

    .fix-ul {
        padding-left: 8%;
    }
}


@media (min-width: 1280px) {
    .bg-back, .bg-section-1 {
        height: 100vh;
        background-size: cover;
    }

    .fix-button {
        padding-top: 32em;
    }

    .btn-brochure,
    .btn-contacto {
        font-size: 2rem;
    }

    .fix-ul {
        padding-left: 8%;
    }
}

@media (min-width: 1500px) {
    .bg-back {
        height: 100vh;
        background-size: cover;
    }

    .fix-button {
        padding-top: 65rem;
    }

    .btn-brochure {
        font-size: 2rem;
    }

    .bg-section-1 {
        background-image: url("/assets/images/head-amanha.webp");
    }
}