@media screen and (max-width: 768px) {
    .desativado{
        display: none;
    }

    .menuicon{
        display: inline-block;
        height: 9vh;
    }
    
    .menu {
        background-color: rgb(252, 247, 244);
        margin: 0;
        padding:0;
        top:0;
        height: fit-content;
        text-align: center;
    }
    .pages {
        border-bottom: 1px solid rgb(237, 94, 56);
        width: 100%;
        height: 9vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .pages a{
        color:rgb(237, 94, 56);
        font-family:'Zilla Slab', serif;
        text-decoration: none;
    }

    .galeria img{
        max-width: 100vw;
    }

    .text {
        color: black;
        margin: 2vw 5vw 2vw 5vw;
        font-family: 'Zilla Slab', serif;
    }

    #title h1 {
        font-size: 11vw;
    }

    .galeryleft {
        animation: fromleft 1s linear 1;
        animation-fill-mode: forwards;
    }

    @keyframes fromleft {
        0% {
            transform: translate(-100vw);
        }
        
        100% {
            transform: translate(0vh);
        }
        
    }

    .galeryright {
        animation: fromright 1s linear 1; 
        animation-fill-mode: forwards;
    }

    @keyframes fromright {
        0% {
            transform: translate(100vh);
        }
        
        100% {
            transform: translate(0vh);
        }
    }
    
    .sobre {
        width: 100%;
    }

    .sobre img {
        margin-top: 1vh;
    }

    .contactosintro {
        width: 100%;
    }

    .textocontactos {
        font-family: 'Zilla Slab', serif;
        margin: 20vw 10vw 20vw 10vw;
        font-size: 2.5vh;
    }

    .fab {
        text-decoration: none;
        font-size: 20vw;
        margin: 10vw 10vw 20vw 10vw;
        color: black;
    }

    
}