.footer-logo img { width: 700px; /* Adjust the width as needed */ } .footer-address { display: flex; flex-direction: column; gap: .5rem; } .map-frame { border-radius: 10px; /* Adjust the border radius as needed */ } .footer-section { display: flex; justify-content: space-between; align-items: center; gap: 2rem; padding: 10px 0; } .media-footer { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; } .media-links { background-color: inherit; text-decoration: none; } .instagram-icon, .facebook-icon, .linked-in-icon { display: flex; align-items: center; justify-content: center; } .instagram-icon:hover, .facebook-icon:hover, .linked-in-icon:hover { transform: scale(1.2); /* Increase the size by 10% on hover */ transition: transform 0.3s ease; } .footer-menu>.nav-links:hover { transform: scale(1.2); /* Increase the size by 10% on hover */ transition: transform 0.3s ease; } .social-media-icons { display: flex; gap: 2rem; } .footer-menu { list-style: none; display: flex; gap: 1rem; } .footer-menu>li { font-size: 14px; font-weight: 500; line-height: 1.4; text-decoration: none; } .footer-end-text { display: flex; font-size: 14px; font-weight: 500; line-height: 1.4; text-decoration: none; text-align: end; } .footer-addr { font-size: 14px; font-weight: 500; line-height: 1.4; text-align: end; } .instagram-icon svg, .facebook-icon svg, .linked-in-icon svg { width: 42px; height: 42px; } #google-map { width: 450px; height: 250px; } /* media queries */ @media (max-width: 575.98px) { #google-map { width: 300px; height: 180px; } .footer-logo img { width: 320px; } .footer-section { flex-direction: column; } .media-footer { flex-direction: column; gap: 0.5rem; } .footer-section { gap: 0; } .footer-address { align-items: center; } .footer-end-text { text-align: center; } .footer-menu>li { font-size: 11px; } } @media (min-width: 576px) and (max-width: 767.98px) { #google-map { width: 300px; height: 180px; } .footer-logo img { width: 420px; } .footer-section { flex-direction: column; } .media-footer { flex-direction: column; gap: 0.5rem; } .footer-address { flex-direction: row; align-items: center; justify-content: space-between; width: 100%; } .footer-section { gap: 0; } } @media (min-width: 768px) and (max-width: 991.98px) { #google-map { width: 300px; height: 180px; } .footer-logo img { width: 380px; } .footer-menu { gap: 0.5rem; } .social-media-icons { gap: 0.5rem; } .footer-menu>li, .footer-end-text, .footer-addr { font-size: 12px; } } @media (min-width: 992px) and (max-width: 1199.98px) { #google-map { width: 350px; height: 200px; } .footer-logo img { width: 500px; } } @media (min-width: 1200px) and (max-width: 1399.98px) { #google-map { width: 400px; height: 250px; } .footer-logo img { width: 650px; } } @media (min-width: 1400px) {}