main {
    max-width: 70vw;
    display: grid;
    grid-template-columns: 1fr  1fr;
    gap: 60px;
    padding-top: 60px;
}

p {
    padding-top: 20px;
}

.headshot {
    align-self: center;
}



@media screen and (max-width: 1300px) {
    main {
        grid-template-columns: 1fr;
    }

    .headshot {
        width: 50vw;
        justify-self: center;
    }
}

@media screen and (max-width: 600px) {
    main {
        max-width: 600px;
    }
    .headshot {
        width: 80vw;
    }
}