/* 2xl */
@media (max-width: 1536px) {}

/* xl */
@media (max-width: 1280px) {}

/* lg */
@media (max-width: 1024px) {

    h1 {
        font-size: 2.4rem;
        color: black
    }

    h2 {
        font-size: 1.4rem;
    }

    h3 {
        font-size: 1rem;
    }

    h4 {
        margin: 0;
        padding: 0;
        font-size: 26px;
    }

    .cover img {
        width: 60%;
        margin: 0 auto;
    }

    main .container,
    .summary,
    .about .container {
        padding: 20px;
    }

    .bio {
        flex-direction: column;
    }

    .bio img {
        margin-top: 20px;
    }

}

/* md */
@media (max-width: 768px) {}


/* sm */
@media (max-width: 640px) {}

/* xs */
@media (max-width: 475px) {}