/* início do header */
@media screen and (min-width: 0px) {
    .cabecalho {
        padding: 0rem 1rem;
        justify-content: center;
    }

    .logo {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .cabecalho {
        padding: 0rem 5rem;
        justify-content: space-between;
    }

    .logo {
        display: block;
    }
}
/* fim do header */


/* início do banner */
@media screen and (min-width: 0px) {
    .banner__titulo {
        font-size: 3rem;
    }

    .banner__imagem {
        height: calc(100vh - 51px);
    }
}

@media screen and (min-width: 768px) {
    .banner__titulo {
        font-size: 5rem;
    }

    .banner__imagem {
        height: calc(100vh - 72px);
    }
}
/* fim do banner  */


/* início do conteudo  */
@media screen and (min-width: 0px) {
    .conteudo {
        padding: 2rem 1rem;
    }

    .conteudo__titulo {
        font-size: 2rem;
    }

    .conteudo__descricao {
        font-size: 1rem;
    }
}

@media screen and (min-width: 768px) {
    .conteudo {
        padding: 5rem;
    }

    .conteudo__titulo {
        font-size: 3.8rem;
    }

    .conteudo__descricao {
        font-size: 1.75rem;
    }
}
/* fim do conteudo */

/* início das receitas */
@media screen and (min-width: 0px) {
    .receitas {
        padding: 2rem 1rem;
    }
    
    .receita {
        flex: 0 1 calc(100% - 2rem);
        max-width: calc(100% - 10rem);
        margin: 0 1rem;
    }
}

@media screen and (min-width: 768px) {
    .receitas {
        padding: 3rem 2rem;
    }
    
    .receita {
        flex: 1 1 calc(50% - 1rem);
        max-width: calc(50% - 1rem);
        margin: 0;
    }
}

@media screen and (min-width: 1024px) {
    .receitas {
        padding: 5rem;
    }
    
    .receita {
        flex: 0 1 calc(33.333% - 1.5rem);
        max-width: calc(33.333% - 1.5rem);
        min-width: 280px;
        margin: 0;
    }
}
/* fim das receitas */

/* início do quem somos */
@media screen and (min-width: 0px) {
    .pessoas {
        flex-direction: column;
    }

    .pessoa {
        margin-bottom: 2rem;
    }
}

@media screen and (min-width: 768px) {
    .pessoas {
        flex-direction: row;
    }

        .pessoa {
        margin-bottom: 0;
    }
}
/* fim do quem somos */