.about, .workshop, .suggest, .privacy, .terms { padding: 4rem 8rem; h3, h4 { a { color: var(--f-color); &:hover { cursor: text; text-decoration: none; } } } h3 a { font-size: 2rem } h4 { padding: 1rem 0; a { font-size: 1.25rem; font-weight: 600; } } p { font-size: 1.05rem; padding: .5rem 0; } a:hover { text-decoration: underline } ul{ padding: 0 0 0 1.5rem; li { color: var(--f-color); font-family: var(--p-font); font-size: 1.05rem; padding: .5rem 0; } } img { width: 100%; padding: 1rem 0; } } @media only screen and (max-width: 768px) { .about, .workshop, .suggest, .privacy, .terms { padding: 1rem .5rem; ul li { font-size: 1.15rem; padding: .4rem 0; } h2 a { color: var(--f-color); } h4 a { font-size: 1.5rem; } p { font-size: 1.15rem; } } }