@media (max-width: 1300px) {

    .titulo {
        font-size: 46px;
        width: 100%;
        margin: 0 auto;
    }

    .primera-caja {
        flex-direction: column;
        width: 99%;
    }
    .seccion-izq {
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .video-eplerr iframe {
        height: 300px;
    }

    header {
        background: rgba(0,0,0,0.9);
        padding: 10px 17px;
    
    }


    .menu {
        position: absolute;
        background: rgba(0,0,0,0.9);
        width: 70%;
        margin-top: 10px;
        margin-left: 150%;
        transition: all 0.5s;
        overflow: hidden;
    }

    .menu ul {
        flex-direction: column;
        background: none;
    }

    .menu ul li {
        width: 100%;
        background: none;
        border-bottom: 1px solid #FFF;
    }

    .menu ul li:last-child {
        border-bottom: none;
    }

    .menu li a {
        padding: 15px;
        background: rgba(94, 90, 90, 1);
    }

    #lista-responsive {
        width: 30px;
        height: 30px;
        padding: 0px;
        margin-left: calc(95% - 5px);
        margin-right: 5px;
        display: block;
    }

    #btn-menu:checked ~ .menu {
        margin-left: 30%;
    }

    .nuevas-tecnologias {
        padding: 20px;
    }
    .copyright {
        padding: 20px;
    }

    .secciones-footer {
        flex-direction: column;
    }

    .mapa-sitio h2,.contacto-footer h2 {
        width: 80%;
        margin-top: 10px;
    }

    .mapa-sitio ul,.contacto-footer ul {
        width: 80%;
        padding: 0px 20px;
    }

    .eplerr img {
        width: 800px;
    }

    .tablas-educativas th a {
        font-size: 14px;
    }
    
    .tablas-educativas td {
        font-size: 14px;
    }

    .lista-buscadores,.lista-rsociales,.comercio {
        padding: 10px;
    }

    .contacto-form form {
        padding: 20px;
    }

    .contacto-form h3,.contacto-form input[type="text"], .contacto-form textarea {
        width: 100%;
    }

    .table-videos {
        width: 100%;
    }

    .table-videos caption {
        padding: 5px 0px;
    }

    .table-videos td a {
        padding: 5px;
        font-size: 13px;
    }
}

@media (max-width: 900px) {
    .videos {
        flex-direction: column;
    }

    .videos div {
        width: 100%;
    }
}


@media (max-width: 450px) {
    .titulo {
        font-size:32px ;
    }
    .eplerr img {
        width: 300px;
    }
}