/* RESPONSIVIDADE */
@media screen and (max-width: 768px) {
    header nav:nth-of-type(2) svg{
        width: 480px;
        position: absolute;
        left: 30%;
        transform: translate(-50%);
    }

    header > nav > figure ~ aside{
        flex-direction: row !important;
        align-items: center;
        gap: .5rem;
    }

    header > nav > figure ~ aside > ul li{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .prices .services .services-cards{
        flex-direction: column;
        align-items: center;
    }

    .prices{
        position: static !important;
        height: auto !important;
        padding-block: 2rem;
        background-color: #018fd7 !important;
        background-image: unset !important;
    }

    main div.papper-cut{
        display: none;
    }

    main div.services > ul{
        position: static;
        height: auto;
    }

    main div.services{
        position: static;
        height: auto;
    }

    main div.subscribe{
        position: unset;
    }
    

    .about > h2 ~ div{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    main div.about > div > div p{
        height: 297px;
        text-align: center;
    }

    .about > h2 ~ div > ul~div{
        width: 100%;
        height: 598px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .about > div > ul{
        order: 3;
    }
}