* { box-sizing: border-box; } body { margin: 0; font-weight: 500; font-family: 'HelveticaNeue'; font-size:1.75em; color: #201e20; } section:nth-of-type(odd) { width: 100%; padding: 0 7%; display: table; margin: 0; max-width: none; background-color: #e0a96d; height: 100vh; } section:nth-of-type(even) { width: 100%; padding: 0 7%; display: table; margin: 0; max-width: none; height: 100vh; background-color: #ddc3a5; } .intro { height: 90vh; } .content { display: table-cell; vertical-align: middle; } h1 { font-size: 1.5em; display: block; color: black; font-weight: 300; } h2 { font-size: 1.25em; display: block; color: black; font-weight: 300; } h3 { display: block; color: black; font-weight: 300; } p { font-weight: 500; color: #C3CAD9; } footer { padding: 1% 5%; text-align:center; background-color: #373B44; color: white; } a { font-family: 'HelveticaNeue'; color: black; position: relative; } a.hover{ opacity: 0.8; } a.active { top: 1px; } a.visited { color: palegoldenrod; }