body {
    display: unset;
    grid-template-areas: unset;
}

main > h2 {
    padding: unset;
    margin-bottom: 1vw;
    border-bottom: 1px solid #cc6ce6;
}


.blurb {
    font-size: 2vw;
}

.contact {
    padding-top: 2vw;
    display: flex;
    flex-direction: column;
    justify-items: center;
}

.contact > div {
    height: 100%;
    align-content: center;
    align-items: center;
    justify-items: center;
    font-size: 2vw;
}

.phone-icon, .contact-option .social-icon > img {
    width: 5vw;
}

.contact-option a {
    display: flex;
    align-content: center;
    align-items: center;
    color: unset;
    text-decoration: unset;
    text-shadow: 1px 1px 2px #cc6ce6, 0 0 1em #cc6ce6, 0 0 0.2em #cc6ce6, 0 0 0 #cc6ce6;
    margin: 2vw 0;
    padding: 2vw;
    border: 1px solid #cc6ce6;
    border-radius: 25px;
}

.social-title {
    margin-left: 2vw;
}

/** RESPONSIVE DESIGN - Tablet */
@media screen and (max-width: 880px) {
    
    main {
        width: 75%;
    }

    main > h2 {
        font-size: 6vw;
    }
    
    .blurb {
        font-size: 3vw;
    }

    .phone-icon, .contact-option .social-icon > img {
        width: 8vw;
    }
    
    .contact > div {
        font-size: 4vw;
    }
    
}

/** RESPONSIVE DESIGN - Phone */
@media screen and (max-width: 600px) {
    main {
        width: 100%;
    }

    main > h2 {
        font-size: 10vw;
    }

    .blurb {
        font-size: 4vw;
    }

    .phone-icon, .contact-option .social-icon > img {
        width: 10vw;
    }
    
    .contact > div {
        font-size: 6vw;
    }