.contact {
    padding-top: 80px;
    padding-bottom: 80px;
}


.contact h2 {
    text-align: center;
}

.contact p {
    text-align: center;
    margin-top: 10px;
    font-style: italic;
    font-size: 1.125rem;
}

.contact-content {
    display: grid;
    max-width: 800px;
    grid-template-columns: 1fr 1fr;
    margin-top: 40px;
    grid-gap: 40px;
}

.contact-item {
    display: grid;
    grid-template-columns: max-content auto;
    align-items: center;
    grid-gap: 10px;
}

.contact-item > div a:hover {
    color: #aCaBaB;
}

.contact-grid {
    display: grid;
    align-content: space-evenly;
    align-items: center;
    justify-content: end;
    justify-items: end;
    grid-gap: 20px;
}

.contact-grid h6{
   text-align: right;
}

.formphp {
    display: grid;
}

.formphp .btn {
    justify-self: end;
}

@media only screen and (max-width: 575px) {
    .contact-content {
        grid-template-columns: 1fr;
    }

    .contact-grid {
        justify-content: start;
        justify-items: start;
    }

    .contact-grid h6{
        text-align: left;
        margin-top: 20px;
     }
}