@media screen and (min-width:360px) and (max-width:767px) {
    /* Redefino alguns tamanhos para se adequar a tela de celulares */

    header{
        height: 60px;
    }
    
    h1 {
        display: none;
    }
    
    nav {
        justify-content: space-evenly;
    }

    .item-navegacao {
        font-size: 13pt;
        margin: 5px;
    }
    
    section {
        padding: 20px 0px;
    }
    
    img {
        max-width: 150px;
        max-height: 250px;
        margin: 10px;
    }
    
    p {
        font-size: 12pt;
        margin-right: 5px;
    }

    form {
        transform: scale(1.2);
    }
}

@media screen and (max-width:768px){
    /* Redefino o tamanho do formulário para se adequar ao tablet */
    form {
        transform: scale(1.2);
    }
}