section { border-top: 1px solid var(--light-green); margin-bottom: 3rem; h1 { font-weight: 800; font-size: 80px; text-transform: uppercase; margin-bottom: 0; line-height: 5rem; span { font-weight: 300; font-size: 60px; } } p { margin-top: 1rem; margin-bottom: 1rem; } h2 { color: var(--light-green); font-weight: 800; font-size: 45px; margin-top: 4rem; margin-bottom: 0; } h3 { color: var(--light-green); font-size: 30px; margin-bottom: 0; } h4 { font-size: 20px; margin-top: 2rem; margin-bottom: 0; } a.a-out { font-size: 18px; font-weight: 800; color: var(--text-black); &:before { font-weight: 400; font-size: 25px; margin-right: 5px; content: "🞑"; color: var(--light-green) } } ul { list-style: none; padding-left: 0; } img { width: 100%; object-position: center; object-fit: cover; }}@media screen and (max-width: 1200px) { section { h1 { font-size: 56px; span { font-size: 42px; } } p, li, a.a-out { font-size: 15px; } a.a-out:before { font-size: 18px; } h2 { font-size: 30px; } h3 { font-size: 25px; } h4 { font-size: 18px; } }}@media screen and (max-width: 900px) { section { h1 { font-size: 48px; span { font-size: 36px; } } }}@media screen and (max-width: 520px) { section { h1 { line-height: 80%; font-size: 36px; span { font-size: 25px; } } p, li, a.a-out { font-size: 15px; } a.a-out:before { font-size: 18px; } h2 { font-size: 25px; } h3 { font-size: 20px; } h4 { font-size: 16px; } }}