@media (max-width: 768px) {
.contact-content {
flex-direction: column;
row-gap: 25px;
column-gap: 25px;
}
.contact-details-col {
min-width: unset;
width: 100%;
}
.contact-map-col {
min-width: unset;
width: 100%;
}
.contact-section {
padding-top: 40px;
padding-right: 15px;
padding-bottom: 40px;
padding-left: 15px;
margin-top: 20px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
}
.contact-header h2 {
font-size: 2.2em;
}
.contact-header p {
font-size: 1em;
}
.map-container iframe {
height: 300px;
}
}
@media (max-width: 480px) {
.contact-section {
padding-top: 30px;
padding-right: 10px;
padding-bottom: 30px;
padding-left: 10px;
}
.contact-header h2 {
font-size: 1.8em;
}
.contact-details-col h3,
.contact-map-col h3 {
font-size: 1.5em;
}
.form-group input[type="text"],
.form-group input[type="email"],
.form-group textarea {
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
}
