@media only screen and (max-width: 767px) {
.menu-button { display: block; background: none; border: none; cursor: pointer; font-size: 36px; font-weight: 700; color: #333333; padding: 0px 0px 0px 30px; margin-top: -18px; }
body.menu-active .nav-links { display: block; }
.nav-links { display: none; background-color: #fff; border: 1px solid #ddd; border-radius: 5px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); position: absolute; top: 90px; right: 20px; width: 230px; }
.nav-links ul { list-style: none; padding: 0; margin: 0; }
.nav-links ul li { text-align: left; padding: 15px 25px !important; border-bottom: 1px solid #ddd; width: 180px; margin-bottom: 0px; }
.nav-links ul li:last-child { border-bottom: none; }
.nav-links a { text-decoration: none; color: #333333; display: block; font-size: 16px; font-weight: 500; background: none; outline: none; }
.nav-links .active { display: block; background: none; outline: none; }
section { padding: 6% 5% 5% 5%; min-height: auto; }
section:last-child { padding: 6% 5% 6% 5%; }
.footer { display: flex; flex-direction: column; margin-bottom: 20px; }
.footer-links { padding-left: 0; flex-wrap: wrap; align-items: flex-start; }
.footer-links div { margin-top: 20px; }
.footer-text { flex-wrap: wrap; text-align: center; margin-top: 10px; }
.footer-social { width: 100%; justify-content: space-evenly; margin-top: 5px; }
.main-container { background: #fff; }
.nav-links ul li a { font-size: 20px; }
.nav-links ul li a[active] { font-size: 20px; }
.nav-links ul li a:hover { font-size: 20px; }
}