@media(max-width: 800px) {
    header {
        display: none;
    }

    .menu-mobile {
        display: none;
        align-items: center;
        flex-direction: column;
        width: 100%;
        height: 70vh;
        background-color: #343a40d8;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
        padding: 0;
    }

    .header-link,
    .button-proteger {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 100%;
        font-weight: bold;
        border: 2px solid #c0bcbc;
        border-radius: 5px;
    }

    .header-link {
        background-color: #343a40;
    }

    .header-link:active,
    .button-proteger:active {
        opacity: 0.8;
    }

    .snext-logo {
        display: none;
    }

    .menu-toggle {
        display: flex;
        align-items: center;
        width: 100%;
        height: 40px;
        background: none;
        border: none;
        padding: 10px;
        cursor: pointer;
        background-color: #343a40d8;
    }

    .material-symbols-outlined{
        margin: 0;
        color: #fff;
    }

    .snext-logo-mobile{
        float: right;
        margin-left: 9rem;
    }

    .material-symbols-outlined.menu-open{
        margin-left: 10.5rem;
    }

    .menu-toggle-icon:before,
    .menu-toggle-icon:after {
        content: "";
        display: block;
        width: 100%;
        height: 3px;
        background-color: #fff;
        margin-top: 5px;
    }

    .menu-mobile.active {
        display: flex;
        flex-direction: column;
        animation: openMenu 0.5s ease-in-out forwards;
    }

    @keyframes openMenu {
        from {
            transform: translateY(-100%);
        }

        to {
            transform: translateY(0);
        }
    }

    .menu-mobile.menu-closed {
        animation: closeMenu 0.5s ease-in-out forwards;
    }

    @keyframes closeMenu {
        from {
            transform: translateY(0);
        }

        to {
            transform: translateY(-100%);
        }
    }

    .snext-logo-mobile {
        height: 25px;
    }

    /*página serviços */
    #servicos-section {
        height: 90vh;
        width: 100vw;
    }

    .grid-container {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1px;
    }

    .coluna-servicos,
    .grid-container {
        row-gap: 2vh
    }

    .coluna-servicos.more-space{
        display: flex;
    }

    /*Equipe*/
    #equipe-section {
        display: flex;
        justify-content: center;
        height: calc(100vh - 10px);
        width: 100vw;
        margin: 0;
    }

    .equipe-options {
        margin-top: 0;
        margin: 0;
        width: 100vw;
    }

    .equipe-options li {
        display: inline-block;
        margin-left: 10px;
    }

    .equipe-center ul {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .equipe-presentation {
        width: 100%;
    }

    .equipe-presentation-text {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 1.2rem;
        width: 100vw;
        margin-right: 35px;
        text-align: justify;
    }

    .equipe-center {
        width: 100%;
        margin: 0 auto;
        flex-direction: column;
    }

    .equipe-presentation {
        flex-direction: column;
        margin: 0 auto;
    }

    .img-presentation {
        width: 100%;
        margin-top: 10px;
        margin: 0;
    }

    /*Portfólio
    #portfolio {
        width: 100%;
    }*/

    .portfolio-div-left-footer,
    .portfolio-div-right-footer
     {
        display: none;
    }

    #b1, #b3{
        display: none;
    }

    /*sobre*/
    .text-and-logo{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 95%;
    }
    .txt-about, 
    .img-logo-about{
        width: 95%;
    }
}