#contacts-page {row-gap: 4rem;}
.contacts_p-section .t-small {margin-bottom: .5rem;}

@media only screen and (min-width: 768px) {
    .contacts_p-section {grid-column: 1/-1;}
}

@media only screen and (min-width: 1096px) {
    #contacts-page {row-gap: 6rem;}

    #contacts_p-address {grid-column: 1/-1; grid-row: 1;}
    #contacts_p-contacts {grid-column: 1/6; grid-row: 2;}
    #contacts_p-social_media {grid-column: -5/-1; grid-row: 2;}
}

@media (hover: hover) {
    #contacts-page a:hover {text-decoration: underline;}
}