main {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 50%;
    padding: 0 6%;
    margin: 30px auto 60px;
}
.contactSection {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}
.contactSection > div:first-child {
    color: var(--cl-muted);
}
.contactSection > div:last-child {
    text-decoration: underline;
}
h2.sectionTitle {
    margin: 25px 0;
}
@media only screen and (max-width: 767px) {
    main {
        width: 88%;
    }
    .contactSection {
        flex-direction: column;
    }
}