nav { background: #41a3a5; } header nav ul li.active a, header nav ul li a:hover { background: #ffffff; } #marquee { max-width: 1400px; margin: 0 auto; } #marquee .container { max-width: 600px; margin: 0 150px; } #marquee img.logo { max-width: 300px; margin-bottom: 40px; } @media screen and (max-width: 1200px) { #marquee .container { max-width: 500px; margin: 0 50px; } } @media screen and (max-width: 1024px) { #marquee { padding: 450px 0 0; } #marquee .container { max-width: 100%; width: 100%; margin: 0; background: #fff; border-top: 2px solid #222; } } @media screen and (max-width: 640px) { #marquee .background-image { background-position: right -80px center; } } #marquee .fancy-line:before, #marquee .fancy-line:after { background: #41a3a5; } #marquee .fancy-line div { background: #41a3a5; } #marquee h1, #marquee h2 { color: #41a3a5; background: -webkit-linear-gradient(#55c2c4, #41a3a5); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #marquee h1 { border-top: 3px solid #222; border-bottom: 3px solid #222; padding: 30px 0; } @media screen and (max-width: 1024px) { #marquee h1 { border: none; padding: 0 0 20px; } } #cta { color: #fff; background: #41a3a5; } #cta h1 { text-transform: none; } #cta h2 { color: #fff; } #programs .program h4 { text-transform: none; margin: 10px 0 20px; font-size: 1.25rem; } #about { background: #efefef; } #about p { text-align: justify; } #testimonials .testimonial { text-align: center; }