@charset "UTF-8";

@media screen and (min-width: 768px) and (max-width:992px){
    header{
        padding: 0px;
    }
    header > i#burguer{
        display: none;
    }
    #header{
        height: fit-content;
    }
    header > menu{
        margin-top: 10px;
        display: block;
    }
    menu > ul > li{
        display: inline-block;
    }
}

@media screen and (min-width:992px){
    header{
        padding: 0px;
    }
    header h1{
        font-size: 4rem;
    }
    #header{
        height: fit-content;
    }
    header > i#burguer{
        display: none;
    }
    body header #textomd{
        padding: 0px;
        font-size: 1.4rem;
    }
    body header menu {
        display: flex;
        margin-top: 45px;
    }
    body header menu ul{
        display: flex;
    }
    main article p{
       font-size: 1.2rem;
       line-height: 1.4rem;
       font-family: 'Roboto Slab', serif;
    }
    header > i#burguer{
        display: none;
    }
    header p{
        margin-bottom: 30px;
        height: 50px;
        line-height: 2.4rem;
    }
    header > #telasm{
        font-size: 3.6em;     
    }
    header > #textomd{
        font-size: 1.8em;
    } 
    menu > ul > li{
        display: inline-block;
        font-size: 1.6em;
    }
    
    
    section#vdimmy {
        position: relative;
        padding-top: 25px;
        padding-bottom: 35%;
        margin: 0 auto;
        height: 0;
    }
    
    section#vdimmy > iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        padding-top: 20px;
 
}

    /*Parte Irvyne*/
   

    section#virvyne {
        position: relative;
        padding-top: 25px;
        padding-bottom: 35%;
        margin: 0 auto;
        height: 0;
    }
    
    section#virvyne > iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        padding-top: 20px;
}
footer{
    flex-direction: row;
}
}