@media (max-width: 767px)
{

    /* ================= Header ================= */

    header .header-superior{
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    header .header-contacto ul li{
        display: block;
    }

    header .header-contacto ul li{
        padding-bottom: .5rem;
    }

    header .header-redes-sociales{
        padding: 0.5rem 0rem;
    }

    header .header-contacto{
        padding: 0.5rem 0rem;
    }

    /* ================= Navbar ================= */

    nav .navbar-brand img{
        width: 10rem;
    }

    /* ================= Bienvenido ================= */

    #bienvenido{
        padding: 1.5rem 0rem;
        height: auto;
    }

    #bienvenido .titulo-bienvenido {
        padding: .5rem 0rem;
    }

    #bienvenido .titulo-bienvenido h2{
        font-size: 1.2rem;
        letter-spacing: 0rem;
    }

    #bienvenido .video-bienvenido{
        padding: .5rem 0rem;
    }

    #bienvenido .text-bienvenido{
        font-size: 1rem;
    }

    /* ================= Servicios ================= */

    #servicios{
        padding: 1.5rem 0rem;
        height: auto;
    }

    #servicios .titulo-servicios {
        padding: .5rem 0rem;
    }

    #servicios .lista-servicios{
        padding: .5rem;
    }

    #servicios .titulo-servicios h2{
        font-size: 1.2rem;
        letter-spacing: 0rem;
    }

    #servicios .lista-servicios{
        padding: .5rem 0rem;
    }

    #servicios .lista-servicios ul li{
        font-size: 1rem;
    }

    #servicios .text-servicios{
        font-size: 1rem;
    }

    /* ================= Noticias ================= */

    #noticias{
        padding: 1.5rem 0rem;
    }

    #noticias .titulo-noticias {
        padding: .5rem 0rem;
    }

    #noticias .titulo-noticias h2{
        font-size: 1.2rem;
        letter-spacing: 0rem;
    }

    #noticias .card-noticias{
        padding: .5rem 0rem;
    }

    #noticias .card-noticias .card{
        margin: .5rem 0rem;
    }

    /* ================= Contenido General Páginas ================= */

    .titulo-section .titulo h1{
        font-size: 1.6rem;
    }

    .contenido-section .texto-contenido p{
        font-size: 1rem;
    }

    .contenido-section .texto-contenido ul li{
        font-size: 1rem;
    }

    .colaboradores-section .titulo-colaboradores .titulo h3{
        font-size: 1.2rem;
    }

    .contenido-section .subtitulo-contenido h3{
        font-size: 1.5rem;
    }

    .contenido-section .mapa-contactawebs{
        padding: 2rem 0rem;
    }

    .contenido-section .mapa-contactawebs iframe{
        height: auto;
    }

    .colaboradores-section .colaboradores{
        padding: 1rem 0rem;
    }

    .colaboradores-section{
        padding: 1rem 0rem;
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px)
{
    #bienvenido, #servicios, #noticias{
        height: auto;
    }
}

@media (min-width: 992px) and (max-width: 1199px)
{
    #bienvenido, #servicios, #noticias{
        height: auto;
    }

    #servicios .lista-servicios ul li{
        font-size: 1.6rem;
    }
}

@media(max-width: 767px)
{
    .imagen-espacio {
        width: 100vw;
        height: 25vh;
    }
}

@media (min-width: 768px)
{
    .ul-size {
        font-size: 2.5rem;
    }

    .ul-size > li{
        padding: .28em;
    }

    .imagen-espacio {
        width: 100vw;
        height: 50vh;
    }
}

@media (min-width: 992px)
{
    .ul-size {
        font-size: 2rem;
    }

    .ul-size > li{
        padding: .28em;
    }
}