@media (min-width: 769px) and (max-width: 1280px) {

    .main {
        padding: 60px 10%;
    }

    .header .menu {
        padding: 12px 10%;
    }

    .header .hero {
        padding: 30px 10%;
    }

    form {
        display: flex;
        flex-direction: column;
    }

    .loadstatus {
        padding: 60px 10%;
    }

    .info {
        padding: 60px 10%;
    }

    .steps {
        padding: 60px 10%;
    }

    .box-url p {
        font-size: 1rem;
    }

    .features {
        padding: 60px 10%;
        text-align: center;
        display: flex;
        flex-direction: column;
        gap: 70px;
    }

    .features .text {
        display: flex;
        gap: 50px;
    }

    .faq .container {
        padding: 40px 10%;
    }

    .footer {
        padding: 40px 10%;
        gap: 20px;
    }

    .footer .column {
        text-align: center;
    }

    .copyright {
        padding: 20px 10%;
    }
}