@import url('../font/Oxygen/Oxygen-Regular.ttffamily=Oxygen:wght@300;400;700&display=swap');

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

.m-60 {
    margin: 60px 0;
}

.p-60 {
    padding: 60px 0;
}

.banners {
    background-image: url(../img/banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 600px;
}

a.nav-link {
    color: #0D225D;
}

a.nav-link:hover {
    color: #ED3137;
}

.navbar-brand img{
    width: 35%;
}

.white-title {
    color: #ffffff;
    font-size: 55px;
    margin-top: 35%;
    margin-left: 30px;
}

a.btn-conocenos {
    background-color: #ED3137;
    color: #ffffff;
    margin-left: 30px;
    padding: 10px 35px;
    border-radius: 25px;
}

a.btn-conocenos:hover {
    background-color: #0D225D;
    color: #ffffff;
    border: #ED3137 1px solid;
    padding: 10px 35px;
    border-radius: 25px;
}

.imgbomba {
    margin-top: 2%;
}

.imgbomba img {
    width: 55%;
}

h2 {
    color: #ED3137;
    font-size: 45px;
    font-weight: 500;
}

span.blue {
    color: #0D225D;
    font-size: 45px;
}

h3 {
    color: #ED3137;
    font-size: 32px;
    font-weight: 500;
}

span.blue2 {
    color: #0D225D;
    font-size: 32px;
}

#combustibles {
    background-color: rgba(13, 34, 93, 5%);
}

.white {
    background-color: #ffffff;
    border-radius: 20px;
    padding: 20px;
}

.white2 {
    background-color: #ffffff;
    border-radius: 20px;
    padding: 45px 30px;
}

.rojo {
    color: #ED3137;
}

.azul {
    color: #0D225D;
}

#cobertura {
    background-color: rgba(254, 251, 243, 1);
}

.title {
    font-weight: 900;
    font-size: 27px;
}

.black span {
    font-weight: bolder;
    padding-left: 10px;
}

input.form-control {
    border-radius: 30px;
    border: #0D225D 1px solid;
}

textarea.form-control {
    border-radius: 20px;
    border: #0D225D 1px solid;
}

button.btn-enviar {
    background-color: #ED3137;
    color: #ffffff;
    width: 100%;
    border: #ED3137 1px solid;
    border-radius: 20px;
}

button.btn-enviar:hover {
    background-color: #0D225D;
    color: #ffffff;
    width: 100%;
    border: #0D225D 1px solid;
    border-radius: 20px;
}

@media screen and (max-width: 465px) {
    h2 {
        color: #ED3137;
        font-size: 28px;
        font-weight: 500;
    }

    span.blue {
        color: #0D225D;
        font-size: 28px;
    }

    h3 {
        color: #ED3137;
        font-size: 20px;
        font-weight: 500;
    }

    span.blue2 {
        color: #0D225D;
        font-size: 20px;
    }

    .banners {
        background-image: url(../img/banner.png);
        background-repeat: no-repeat;
        background-size: cover;
        height: 450px;
        justify-content: center;
        text-align: center;
    }

    .white-title {
        color: #ffffff;
        font-size: 28px;
        margin-top: 15%;
        margin-left: 30px;
    }

    .imgbomba img {
        width: 43%;
    }

    .mobile{
        padding: 10px;
    }

    .navbar-brand img{
        width: 45%;
    }

    .ventaja{
        margin-top: 35px;
    }

    #cobertura{
        padding: 60px 18px;
    }

    #contacto{
        padding: 30px 18px;
    }

    #contacto img{
        width: 100%;
    }

    .redes-pro{
        text-align: center;
    }
}


@media screen and (min-width: 466px) and (max-width: 767px) {
    .white {
        margin-top: 25px;
    }

    .redes-pro {
        text-align: center;
    }

    h2 {
        color: #ED3137;
        font-size: 28px;
        font-weight: 500;
    }

    span.blue {
        color: #0D225D;
        font-size: 28px;
    }

    h3 {
        color: #ED3137;
        font-size: 20px;
        font-weight: 500;
    }

    span.blue2 {
        color: #0D225D;
        font-size: 20px;
    }

    .banners {
        background-image: url(../img/banner.png);
        background-repeat: no-repeat;
        background-size: cover;
        height: 550px;
        justify-content: center;
        text-align: center;
    }

    .white-title {
        color: #ffffff;
        font-size: 35px;
        margin-top: 15%;
        margin-left: 30px;
    }

    .imgbomba img {
        width: 45%;
    }

    .ventaja{
        margin-top: 35px;
    }

    #contacto{
        padding: 30px 18px;
    }

}

@media screen and (min-width: 768px) {
    .redes-pro {
        text-align: end;
    }
}

.fa-facebook-f {
    color: #ED3137;
    margin: 0 10px;
}

.fa-facebook-f:hover {
    color: #0D225D;
    margin: 0 10px;
}

.fa-linkedin-in {
    color: #0D225D;
    margin: 0 10px;
}

.fa-linkedin-in:hover {
    color: #ED3137;
    margin: 0 10px;
}

.fa-envelope{
    color: #8C8D92;
    margin: 0 10px;
}

.fa-envelope:hover{
    color: #0D225D;
    margin: 0 10px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .white-title {
        color: #ffffff;
        font-size: 40px;
        margin-top: 60%;
        margin-left: 30px;
    }

    a.btn-conocenos {
        margin-left: 30px;
    }

    .imgbomba {
        margin-top: 15%;
    }

    .imgbomba img {
        width: 85%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .white-title {
        color: #ffffff;
        font-size: 45px;
        margin-top: 50%;
        margin-left: 30px;
    }

    a.btn-conocenos {
        background-color: #ED3137;
        color: #ffffff;
        margin-left: 30px;
        padding: 10px 35px;
        border-radius: 25px;
    }

    a.btn-conocenos:hover {
        background-color: #0D225D;
        color: #ffffff;
        border: #ED3137 1px solid;
        padding: 10px 35px;
        border-radius: 25px;
    }

    .imgbomba {
        margin-top: 10%;
    }

    .imgbomba img {
        width: 65%;
    }
}

.tooltip{
    font-size: 14px;
}