@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
p { font-size: 24px; font-weight: 400; margin-bottom: 1em; line-height: 28px !important; }
h1 { font-size: 36px; font-weight: 700; margin-bottom: 5px; }
.menu-button { display: block; background: none; border: none; cursor: pointer; font-size: 46px; font-weight: 700; color: #333333; padding: 0px 0px 0px 30px; margin-top: -42px; }
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 rgb(0 0 0 / 10%); position: absolute; top: 62px; right: 2px; width: 230px; }
.nav-links ul { list-style: none; padding: 0; margin: 0; }
.nav-links ul li { text-align: left; padding: 20px 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: 18px; font-weight: 500; background: none; outline: none; }
.nav-links .active { display: block; background: none; outline: none; }
section { padding: 6%; min-height: auto; }
section:last-child { padding: 6% 6% 6% 6%; }
.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: 200px; justify-content: space-evenly; margin-top: -20px; }
.main-container { background: #fff; }
.nav-links ul li a { font-size: 24px; }
.nav-links ul li a[active] { font-size: 24px; }
}