.nav ul { flex-direction: column; padding: 20px 0; } .nav li { margin: 0; padding: 0 20px; } .nav a { display: block; padding: 12px 0; border-bottom: 1px solid var(--light-gray); } .dropdown-menu { position: static; display: none; opacity: 1; visibility: visible; transform: none; box-shadow: none; padding-left: 20px; background-color: transparent; } .dropdown.active .dropdown-menu { display: block; } .banner { padding: 120px 0 80px; } .banner-content p { font-size: 1.2rem; } .banner-btns { flex-direction: column; gap: 15px; } .news-header { flex-direction: column; align-items: flex-start; } .news-grid { grid-template-columns: 1fr; } }