@charset "UTF-8";

/*DESKTOP FULL HD OU MAIOR*/
@media screen and (min-width: 1500px) { 
    html {
        overflow: hidden;
        height: 100vh;
        width: 100vw;
    }
}

/*CELULARES E TABLETS*/
@media screen and (max-width: 1100px) {
    html {
        min-height: 550px;
    }
    
    header {
        padding: 40px 10px;
    }

    nav {
        justify-content: space-around;
    }

    nav ul {
        flex-direction: column;
    }

    nav ul li {
        margin-left: 0;
        flex-direction: column;
    }

    main {
        width: 100%;
        height: 70vh;
        text-align: center;
    }

    .parte1 {
        margin: auto;
    }

    section h1 {
        margin: auto;
        width: 300px;
    }

    .destaque {
        font-size: 5em;
        margin: auto;
        width: 300px;
    }

    .texto {
        margin: auto;
        width: 300px;
    }

    button {
        margin: auto;
        width: 300px;
    }

    .social {
        position: relative;
        display: flex;
        margin: auto;
        width: 200px;
        bottom: 0;
        left: 0;
    }



    .fotos {
       display: none;
    }

    .circulo {
        display: none;
    }

    .fotos img {
        display: none;
    }

}

/*TELAS PEQUENAS*/
@media screen and (max-height: 550px) {
    header {
        padding: 15px 0;
    }
    
    .texto {
        display: none;
    }

    section h1, .destaque {
        margin: 0 auto;
        font-size: 2em;
    }

    button, .social {
        margin: 0 auto;
    }
}