.contact_text.member_text,
.contact_info.member_text {
width: 100%;
}
.contact_text {
gap: 1rem;
}
.contact_details {
width: 50%;
width: 45%;
display: flex;
flex-direction: column;
gap: .5rem;
}
.contact_details p {
display: flex;
}
.contact_details p span:first-child {
width: 20%;
}
.contact_info {
padding: 1rem 0;
}
.contact_info .bold {
font-weight: 600;
}
@media all and (max-width: 1200px) {
.contact_details p {
flex-direction: column;
}
}
@media all and (max-width: 900px) {
.contact_details p {
padding: 1rem 0;
}
.contact_details p:has(.bold) {
padding: .5rem 0;
}
}