html, body{

    margin: 0;

    padding: 0;

    display: grid;

    place-items: center;

    height: 100%;

    width: 100%;

    min-height: 100vh;

    font-family: 'Roboto', sans-serif;

}

.languajes {
    position: static;
    margin-top: 0;
}

.fwidth{

    width: 100%;

}

.demoContainer{

    background: white;

    width: 100%;

    height: 100%;

    display: grid;

    place-items: center;

    row-gap: 1em;

    padding: 15vh 0;

}

main{

    display: grid;

    place-items: center;

    row-gap: 2.5em;

}

main h1{

    margin: 0 0 20px;

    font-family: 'Montserrat', sans-serif;

    color: #FC7E00;

    font-weight: 600;

    text-align: center;

    max-width: 750px;

}

#demoWrapper{

    display: grid;

    grid-template-columns: max-content auto;

    border: 1px solid #EBECEE;

    border-radius: 20px;

    background: #EDECE8;

    padding: 2em 0;

}

#demoContainer{

    position: absolute;

    z-index: 1;

}

#demoWrapper nav{
    border-right: 1px solid #EBECEE;
    background-color: #EDECE8;
    z-index: auto;
}

#demoWrapper nav ul{
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
}

#demoWrapper nav ul li{

    cursor: pointer;

    padding: 1em 2em;

    transition: ease 0.2s;

    font-family: 'Roboto', sans-serif;
    color: #00162C;
    font-weight: 600;

}

#demoWrapper nav ul li:hover{

    cursor: pointer;

    text-decoration: underline;

    background-color: #F8F8F8;

}



.objWrap{

    width: 800px;

    height: 500px;

    padding: 0;

    overflow: hidden;

    position: relative;

}

.frame {

    width: 1200px;

    height: 750px;

    border: 0;

    transform: scale(0.65);

    transform-origin: 0 0;

}

.mobileView {
    display: none;
}

/* MEDIA QUERY - GENERAL Zoom */
@media (min-width: 768px) and (max-width: 1800px) {
    nav, div.footer {
        zoom: .85;   
    }

    .box-menu button {
        line-height: 1.19;
    }
}

@media (max-width: 900px) {
    main {
        display: none;
    }

    .mobileView {
        display: inline;
        font-family: 'Montserrat', sans-serif;
        color: #FC7E00;
        font-weight: 600;
        text-align: center;
        padding: 0 20px;
    }
}