.azul-nom{
	color: #28388B !important;
}
.azul-claro{
    color: #55C7F3;
}

#servicios .btn-coti{
    background: linear-gradient(90deg, rgba(251, 124, 14, 1) 0%, rgba(222, 52, 0, 1) 89%);
    color: #fff !important;
    font-size: large;
}

#servicios h1{
    font-size: 50px;
}
#servicios .btn-coti a{
        text-decoration: none;
        color: #fff !important;
    }

    #servicios p{
        font-size: 18px;
    }

#servicios p.small {
        font-size: x-large !important;
    }
        h6{
        font-size: 24px;
    }
    h4{
        font-size: xx-large !important;
    }
    .servicio-item{
        margin-right: 35px;
    }

@media only screen and (max-width: 768px) {

    #servicios .container{
        padding-left: 0 !important;
    }
    .cuadro-resp{
        background-color: #28388B;
        padding: 15px;
        margin-left: 0 !important;
        border-radius: 15px;
    }
        #servicios p.small {
        font-size: x-large !important;
    }

    .div-boton{
        text-align: center;
    }

}


@media only screen and (max-width: 1440px) and (min-width: 1250px)  {
    #servicios p.small {
        font-size: x-large !important;
    }
    h6{
        font-size: 24px;
    }
    h4{
        font-size: xx-large !important;
    }
}

@media only screen and (max-width: 1250px) and (min-width: 1000px)  {
    #servicios p.small {
        font-size: large !important;
    }
    h6{
        font-size: 24px;
    }
    h4{
        font-size: x-large !important;
    }
}

@media only screen and (max-width: 999px) and (min-width: 765px)  {
    #servicios p.small {
        font-size: 12px !important;
    }

    h6{
        font-size: 18px;
    }

    h4{
        font-size: large !important;
    }
}

@media only screen and (max-width: 768px)  {

.servicio-item{
        margin-right: 0px;
    }

}