@media screen and (max-width: 768px) {
    
    #inicio {
        padding: 6rem 2rem 6rem 2rem;
    }
    
    
    #container-sobre {
        flex-direction: column;
    }
    #dsc-sobre {
        width: 100%;
        padding: 0;
        margin-bottom: 2rem;
    }
    #img-sobre {
        background-position: top;
        width: 100%;
        height: 400px;
    }

    
    
    #service-title h2 {
        text-align: center;
    }
    #service-title p {
        text-align: center;
    }
    .services-tpc {
        width: 260px;
    }



    #contato {
        flex-direction: column;
    }
    #text-contato {
        width: 100%;
        margin-bottom: 4rem;
    }
    #container-contato {
        width: 100%;
        padding: 0;
    }
    #contato-links {
        justify-content: center;
    }
}

@media screen and (max-width: 425px) {
    
    #navbar {
        padding: 0 2rem 0 2rem;
    }
    nav {
        gap: 1rem;
    }



    #inicio {
        padding: 4rem 2rem 4rem 2rem;
        height: 100vh;
    }
    #text {
        padding-top: 2rem;
        justify-content: space-between;
    }
    #text h1 {
        font-size: 26px;
    }
    #text h2 {
        font-size: 26px;
    }
    #text p {
        font-size: 16px;
        text-align: justify;
        width: auto;
    }


    #sobre{
        padding: 6rem 2rem 6rem 2rem;
    }
    #sobre h2 {
        font-size: 26px;
    }
    #sobre p {
        font-size: 16px;
    }

    
    #servicos{
        padding: 6rem 2rem 6rem 2rem;
    }
    #servicos h2 {
        font-size: 26px;
    }
    #servicos p {
        font-size: 16px;
    }

    #contato {
        padding: 6rem 2rem 6rem 2rem;
    }
    #contato h2 {
        font-size: 26px;
    }
    #contato p {
        font-size: 16px;
    }
    


    footer {
        padding: 2rem;
        flex-direction: column-reverse;
        gap: 4rem;
    }
}

@media screen and (max-width: 320px) {
    #navbar img {
        display: none;
    }
}