.slider {
    background-size: cover;
    border-color: black;
}

@media (min-width: 200px) {
    .slider {
        width: 280px;
        height: 140px;
    }
}

@media (min-width: 400px) {
    .slider {
        width: 300px;
        height: 150px;
    }
}

@media (min-width: 554px) {
    .slider {
        width: 220px;
        height: 120px; 
    }
}

@media (min-width: 650px) {
    .slider {
        width: 260px;
        height: 140px;
    }
}

@media (min-width: 768px) {
    .slider {
        width: 200px;
        height: 100px;        
    }
}

@media (min-width: 850px) {
    .slider {
        width: 220px;
        height: 120px;
    }
}

@media (min-width: 992px) {
    .slider {
        width: 200px;
        height: 100px;
    }
}

@media (min-width: 1100px) {
    .slider {
        width: 250px;
        height: 110px;
    }
}

@media (min-width: 1200px) {
    .slider {
        width: 280px;
        height: 130px;
    }
}

@media (min-width: 1350px) {
    .slider {
        width: 310px;
        height: 150px;
    }
}

@media (min-width: 1500px) {
    .slider {
        width: 280px;
        height: 140px;
    }
}

@media (min-width: 1700px) {
    .slider {
        width: 340px;
        height: 180px;
    }
}

@media (min-width: 1800px) {
    .slider {
        width: 360px;
        height: 170px;
    }
}

@media (min-width: 1900px) {
    .slider {
        width: 390px;
        height: 190px;
    }
}

.imagenModal {
    background-size: cover;
    border-color: black;
}

@media (max-width: 543px) {
    .imagenModal {
        width: 180px;
        height: 60px;
    }
}

@media (min-width: 544px) {
    .imagenModal {
        width: 180px;
        height: 60px;
    }
}

@media (min-width: 768px) {
    .imagenModal {
        width: 200px;
        height: 80px;
    }
}

@media (min-width: 992px) {
    .imagenModal {
        width: 150px;
        height: 90px;
    }
}

@media (min-width: 1200px) {
    .imagenModal {
        width: 200px;
        height: 90px;
    }
}

@media (min-width: 1350px) {
    .imagenModal {
        width: 240px;
        height: 110px;
    }
}

@media (min-width: 1500px) {
    .imagenModal {
        width: 245px;
        height: 115px;
    }
}

@media (min-width: 1700px) {
    .imagenModal {
        width: 340px;
        height: 180px;
    }
}

@media (min-width: 1800px) {
    .imagenModal {
        width: 240px;
        height: 120px;
    }
}

@media (min-width: 1900px) {
    .imagenModal {
        width: 240px;
        height: 120px;
    }
}