/*===================== PHONES ============================*/
#phones {
    scroll-margin-top: 8.4vh;
}

.contact__container {
    flex-direction: column;
    row-gap: 50px;
    align-items: center;
    padding-top: 50px;
}

.contact__list {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.contact__info {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    border: 1px solid var(--accent);
    border-bottom: 5px solid var(--accent);
    padding: 30px 20px;
}

.contact__title > h3 {
    font-weight: bold;
}

.contact__value > h3 {
    color: var(--accent);
}

.contact__value > a {
    text-decoration: none;
}

.contact__value > a > h3 {
    color: var(--accent);
}

/* For scrolling */
@media screen and (min-width: 1360px) {
    #phones {
        scroll-margin-top: 13vh;
    }
}

/* For spaces */
@media screen and (min-width: 1000px) {
    .contact__container {
        row-gap: 100px;
        padding-top: 100px;
    }
}

/* For large devices */
@media screen and (min-width: 800px) {
    .contact__info {
        width: 49%;
    }
    .contact__list {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}