.us-banner {
    background: url(../../assets/img/us/header-02.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 450px;
}

.banner-title {
    display: flex;
    align-items: center;
    padding-left: 15%;
    color: white;
}

.title {
    color: #21b09d;
}

.sub-title {
    color: #212962;
}

.text-content-web {
    text-align: center;
    width: 40%;
    margin: 0px auto;
    color: #212962;
}

.content-70 {
    text-align: center;
    width: 70%;
    margin: 0px auto;
}

.content-70-certificate {
    text-align: center;
    width: 70%;
    margin: 0px auto;
}

.content-90 {
    text-align: center;
    width: 90%;
    margin: 0px auto;
}

.content-60{
    width: 60%;
}

.content-80{
    width: 80%;
    margin:0px auto;
}

.work-field-card {
    background-color: #e0eeff;
    border-radius: 10px;
    width: 200px;
    height: 200px;
}

.card-right {
    margin: 0 0 0 auto;
}

.card-center {
    margin: 0 auto;
}

.card-left {
    margin: auto 0 0 0;
}

.work-field-img {
    width: auto;
    height: 50%;
}

.action-img {
    width: auto;
    height: 65%;
}

.us-mission {
    background: url(../../assets/img/us/bg-azul-02.png) no-repeat top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% 100%;

    display: flex;
    height: 750px;
    max-width: 100%;
    width: 100%;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    text-align: center;
}

.us-mission-web {
    display: block;
}

.us-mission-mobil {
    background: url(../../assets/img/us/bg-azul-02-2.png) no-repeat top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% 100%;
    width: 100%;
    display: none;
}

.us-mission img {
    width: 1100px;
    height: auto;
    object-fit: cover;
    flex-shrink: 0;
}

.text-mission {
    width: 1100px;
    margin: 0 auto;
    color: white;
    text-align: left;
    font-size: 12px;
}



.btn-inicio {
    color: #236db5;
    background-color: #236db5;
    border-color: #236db5;
    text-align: center;
    font-size: 15px;
    color: white;
    margin: 0 auto;
    padding-left: 30px;
    border: 0;
}




.the-button {
    background: rgb(178, 31, 32);
    background: linear-gradient(90deg, rgb(178, 31, 32) 8%, rgb(222, 40, 46) 57%, rgb(255, 43, 51) 100%);
    color: white;
    border-radius: 20px;
    border: 0;
    text-align: center;
    font-size: 10px;
    width: 200px;
    height: 35px;
    display: flex;
    align-items: center;
    outline:none;
}

.the-button i {
    font-size: 30px;
    margin: 0 0 0 auto;
}

.the-button span {
    margin: 0 auto;
    padding-left: 30px;
    font-weight: bold;
}

.us-services {
    background: url(../../assets/img/us/fondo-footer-03.png) no-repeat top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
}

.services-title {
    text-align: center;
    color: white;
    padding-top: 250px
}

.text-content-web-us-service {
    text-align: center;
    width: 30%;
    margin: 0px auto;
    color: white;
}







/*SUMINISTROS*/
.supplies-banner {
    background: url(../../assets/img/services/header_suministros-02.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 450px;
}

.material-banner {
    background: white url(../../assets/img/services/camilla-de-rescate3.png) no-repeat top right;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 450px;
    padding-top: 50px;
    width: 100%;
    height: auto;
}

.services-field-card {
    background-color: #e0eeff;
    border-radius: 10px;
    width: 90%;
}


.glasses-banner {
    background: white url(../../assets/img/services/fondo-ondulado-02.png) no-repeat top;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100%;
    padding-top: 50px;
    width: 100%;
    height: auto;
}

.glasses-content {
    padding-top: 200px;
}


.installations-web {
    display: block;
}

.installations-mobil {
    display: none;
}


/*RESPONSIVE*/

@media screen and (max-width: 720px) {
    .text-content-web {
        text-align: center;
        width: 90%;
        margin: 0px auto;
        color: #212962;
    }

    .text-content-web-us-service {
        text-align: center;
        width: 90%;
        margin: 0px auto;
        color: white;
    }

    .services-title {
        text-align: center;
        color: white;
        padding-top: 150px
    }

    .content-60{
        width: 90%;
    }

    .glasses-banner {
        background: white url(../../assets/img/services/fondo-ondulado-02.png) no-repeat top;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding-top: 50px;
        width: 100%;
        height: auto;
    }

    .installations-web {
        display: none;
    }

    .installations-mobil {
        display: block;
    }

    .us-mission-web {
        display: none;
    }

    .us-mission-mobil {
        background: url(../../assets/img/us/bg-azul-02-2.png) no-repeat top;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: 100% 100%;
        width: 100%;
        display: block;
    }

    .material-banner {
        background: white url(../../assets/img/services/camilla-de-rescate3-2.png) no-repeat center right;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: auto 65%;
        padding-top: 50px;
        width: 100%;
        height: auto;
    }

    .content-70-certificate {
        text-align: center;
        width: 98%;
        margin: 0px auto;
    }
}

.menu-fixed {
    position: fixed;
    z-index: 1000;
    top: 0;
}

.thank-you {
    color: white;
    background: rgb(95,121,208);
    background: linear-gradient(90deg, rgba(95,121,208,1) 6%, rgba(143,249,239,1) 100%);
}

@media screen and (max-width: 920px) {
    .card-right {
        margin: 0 auto;
    }

    .card-left {
        margin: 0 auto;
    }
}