@media (min-width: 481px) and (max-width: 768px) {
    h2 {
        font-size: 1.8rem;
    }

    p {
        font-size: 1rem;
    }

    .main {
        padding: 60px 30px;
    }

    .header .menu {
        padding: 12px;
    }

    .header .hero {
        padding: 30px;
    }

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

    input.input-url {
        width: 30ch;
    }

    .loadstatus {
        padding: 60px 30px;
    }

    .info {
        padding: 60px 30px;
    }

    .steps {
        padding: 60px 30px;
    }

    .box-url {
        justify-content: space-between;
    }

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

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

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

    .faq .container {
        padding: 40px 30px;
    }

    .footer {
        padding: 40px 10%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

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

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