body{
    background-color: #f5f5f5;
    font-family: 'Lato', sans-serif !important;
}
footer{
    width: 100%;
    color: white;
}
.btn-close-modal{
    border: none;
    background: none;
    font-size: 30px;
    font-family: fantasy;
    width: 40px;
    color: white;
}
.modal-header{
    background-color: #212529;
    color: white;
}

#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
  }

nav.bg-transparent.navbar-dark{
    transition: all 0.3s ease-out;
}
nav.bg-dark.navbar-dark{
    transition: all 0.3s ease-out;
}

.tt_mobile_sm{
    text-align: center !important;
}
.btn_simplemaps{
    background-color: #7ab730 !important;
    color: white !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-family: 'Roboto' !important;
    letter-spacing: 3px !important;
    width: 100px !important;
    border-radius: 0 !important;
    text-decoration: none !important;
}

/* controlador de first container */
@media (max-width:479px) {
    .first-container {
        min-height: 170px !important;
        background-size: 100% 170px !important;
    }
}

@media (min-width:480px) {
    .first-container {
        min-height: 170px !important;
        background-size: 100% 170px !important;
    }
}

@media (min-width:640px) {
    .first-container {
        min-height: 233.5px !important;
        background-size: 100% 233.5px !important;
    }
}

@media (min-width:768px) {
    .first-container {
        min-height: 280px !important;
        background-size: 100% 280px !important;
    }
}

@media (min-width:960px) {
    .first-container {
        min-height: 350px !important;
        background-size: 100% 350px !important;
    }
}


@media (min-width:1097px) {
    .first-container {
        min-height: 399.8423px !important;
        background-size: 100% 399.8423px !important;
    }
}

@media (min-width:1280px) {
    .first-container {
        min-height: 466.7893px !important;
        background-size: 100% 466.7893px !important;
    }
}

@media (min-width:1536px) {
    .first-container {
        min-height: 559.8527px !important;
        background-size: 100% 559.8527px !important;
    }
}


@media (min-width:1745px) {
    .first-container {
        min-height: 636.3631px !important;
        background-size: 100% 636.3631px !important;
    }
}

@media (min-width:1920px) {
    .first-container {
        min-height: 700px !important;
        background-size: 100% 700px !important;
    }
}

@media (min-width:2133px) {
    .first-container {
        min-height: 778px !important;
        background-size: 100% 778px !important;
    }
}

@media (min-width:2400px) {
    .first-container {
        min-height: 875px !important;
        background-size: 100% 875px !important;
    }
}

@media (min-width:2560px) {
    .first-container {
        min-height: 933px !important;
        background-size: 100% 933px !important;
    }
}

@media (min-width:2880px) {
    .first-container {
        min-height: 1050px !important;
        background-size: 100% 1050px !important;
    }
}

@media (min-width:3840px) {
    .first-container {
        min-height: 1400px !important;
        background-size: 100% 1400px !important;
    }
}

@media (min-width:5760px) {
    .first-container {
        min-height: 2100px !important;
        background-size: 100% 2100px !important;
    }

}

@media (min-width:7680px) {
    .first-container {
        min-height: 2800px !important;
        background-size: 100% 2800px !important;
    }
}