/* RESPONSIVE BASE: START */

@media (width <= 1920px) {
    .wrapper {
        padding-top: 60px;
    }
}

@media (width <= 1680px) {
    html {
        font-size: 13pt;
    }

    .wrapper {
        padding-top: 70px;
    }
}

@media (width <= 1280px) {
    html {
        font-size: 13pt;
    }

    .wrapper {
        padding-top: 80px;
    }
}

@media (width <= 1024px) {
    .wrapper {
        padding-top: 90px;
    }
}

@media (width <= 980px) {
    html {
        font-size: 11pt;
    }

    .wrapper {
        padding-top: 100px;
    }
}

@media (width <= 736px) {
    html {
        font-size: 11pt;
    }

    .h1 {
        letter-spacing: 0;
        width: 100%;
        font-size: 2.5em;
        line-height: 1.25;
    }

    .profile-photo {
        width: 6rem;
        height: 6rem;
    }

    .icons-01 {
        font-size: 1.25em;
        width: calc(100% + 1rem);
        margin-left: -0.5rem;
    }

    .icons-01 li {
        margin: 0.5rem;
    }

    .wrapper {
        padding-top: 110px;
    }
}

@media (width <= 360px) {
    .h1 {
        font-size: 2em;
    }

    .icons-01 {
        width: calc(100% + 0.75rem);
        margin-left: -0.375rem;
    }

    .icons-01 li {
        margin: 0.375rem;
    }

    .wrapper {
        padding-top: 120px;
    }
}

/* RESPONSIVE BASE: END */