/* ============================================
FRONT PAGE - Messengers fix
============================================ */
.messengers-scroll {
display: flex !important;
flex-wrap: wrap !important;
gap: 0.75rem !important;
margin: 1.5rem 0 !important;
}

@media (max-width: 768px) {
.messengers-scroll {
justify-content: center !important;
}
.med-messenger-btn {
flex: 0 0 auto !important;
max-width: calc(50% - 0.375rem) !important;
}
}

@media (max-width: 480px) {
.med-messenger-btn {
max-width: 100% !important;
}
}