.hero-back {
    background-image: url('../assets/img/header-desktop.jpg');
    height: 50vh;
}

@media (min-width: 992px) {
    .hero-back {
        height: 60vh;
    }
}

.xxl {
    background-image: url('../assets/img/header-desktop.jpg');
    height: 50vh;
}

.heronew {
    background-image: url('../assets/img/header-desktop.jpg');
    height: 50vh;
}

@media (min-width: 992px) {
    .heronew {
        height: 60vh;
    }
}

@media (min-width: 1400px) {
    .heronew {
        height: 70vh;
    }
}

/* Fuentes Bree */
@font-face {
    font-family: 'Bree';
    src: url('../fonts/Bree-light/Bree-Light.woff2') format('woff2'),
         url('../fonts/Bree-light/Bree-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Bree';
    src: url('../fonts/Bree/Bree-Regular.woff2') format('woff2'),
         url('../fonts/Bree/Bree-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

body {
    font-family: 'Bree', sans-serif;
}

body,
h4,
h5,
h6,
p,
a,
span,
li,
button,
input,
textarea,
label {
    font-family: 'Bree', sans-serif !important;
}

/* Fuente Bocadillo */
@font-face {
    font-family: 'Bocadillo';
    src: url('../fonts/Bocadillo/Bocadillo-Regular.woff2') format('woff2'),
         url('../fonts/Bocadillo/Bocadillo-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

h1,
h2,
h3 {
    font-family: 'Bocadillo', sans-serif;
}