/*----------- dispositivos-proteccion -----------*/
.box-disp {
width: 100%;
display: grid;
grid-template-columns: repeat(2, 1fr);
justify-content: center;
}

    .box-disp .container-ventajas-disp {
        display: grid;
        justify-content: center;
        height: 350px;
        width: 100%;
    }

    .box-disp .container-ventajas-disp .container-text-disp{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        position: relative;
    }

    .box-disp .bg-a{
        background-color: #eef9ff;
    }

    .box-disp .container-ventajas-disp .container-text-disp > div {
        display: grid;
        text-align: left;
        height: 250px;
    }

    .box-disp .container-ventajas-disp .container-text-disp img{
        max-width: 25%;
        height: auto;
        margin: 0 20px;
    }

    .box-disp .container-ventajas-disp .container-text-disp .img-14{
        width: 11%;
    }

    .box-disp .container-ventajas-disp .container-text-disp .img-15{
        width: 11%;
    }

    .box-disp .container-ventajas-disp .container-text-disp .img-16{
        width: 11%;
    }

    .box-disp .container-ventajas-disp .container-text-disp .img-17{
        width: 11%;
    }

    .box-disp .container-text-disp span {
        font-size: 1.2em;
        display: block;
        font-weight: lighter;
        letter-spacing: 1px;
        color: #06548c;
    }

    .box-disp .container-text-disp p {
        font-size: 0.9em;
        margin-left: 0;
        margin-top: 0;
    }
    
    .disc-viñetas{
        font-family: quick;
        font-size: 17px;
        color: #777;
        width: 90%;
    }
    
    .suv{
        margin-top: 30px;
        text-align: left;
        display: flex;
        justify-content: left;
        align-items: left;
        width: 90%;
        color: #222;
        font-weight: bold;
        font-size: 19px;
    }

/*--------------------RESPONSIVE---------------------*/
@media only screen and (min-width: 901px) and (max-width: 1150px) {
.box-disp {
    grid-template-columns: repeat(1, 1fr);
}

    .box-disp .container-ventajas-disp .container-text-disp > div {
        margin-left: 10px;
    }

    .box-disp .bg-a {
        background: none;
    }

    .box-disp .bg-a-2 {
        background-color: #eef9ff;
    }

    .box-disp .container-ventajas-disp .container-text-disp .img-14,
    .box-disp .container-ventajas-disp .container-text-disp .img-15,
    .box-disp .container-ventajas-disp .container-text-disp .img-16,
    .box-disp .container-ventajas-disp .container-text-disp .img-17 {
        width: 10%;
    }
}

@media only screen and (min-width: 601px) and (max-width: 900px) {
/*---------- dispositivos-proteccion ---------*/
.box-disp {
    grid-template-columns: repeat(1, 1fr);
}

    .box-disp .bg-a{
        background: none;
    }

    .box-disp .bg-a-2{
        background-color: #eef9ff;
    }
}

@media only screen and (max-width: 600px) {
/*---------- dispositivos-proteccion ---------*/
.box-disp {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 100px;
}

    .box-disp .container-ventajas-disp {
        height: 400px;
    }

    .box-disp .container-ventajas-disp .container-text-disp > div {
        display: grid;
        text-align: center;
        justify-content: center;
        align-content: center;
        height: 100%;
        padding: 20px 0;
    }

    .box-disp .bg-a {
        background: none;
    }

    .box-disp .bg-a-2 {
        background-color: #eef9ff;
    }

    .box-disp .container-text-disp span {
        margin-bottom: 30px;
        font-weight: bolder;
    }

    .box-disp .container-text-disp p {
        text-align: center;
    }
}