@media (min-width: 1025px) and (max-width: 1600px) {

    .container {
        margin: 5em 0;
    }

    .content h1 {
        font-size: 2.5rem;
        max-width: 18ch;
    }

    .content p {
        font-size: 0.8rem;
    }

    .about--text-section h2 {
        font-size: 3rem;
    }

    .contact--content-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 5vh;
    }

    .timeline--icons {
        left: -5rem;
        width: 10rem;
    }

    .contact--container {
        padding: 15vh 0;
    }

    .contact--container h4 {
        font-size: 7rem;
    }

    .contact--container p {
        font-size: 1.4rem;
    }

    .scroll--down-indicator {
        display: none;
    }

}