body, html { height: 100%; min-height: 100%; font-family: 'Arial', sans-serif; color: #555; } header { position: relative; background-color: #478db2; color: #FFF; font-family: 'Arial', sans-serif; width: 100%; border-bottom: 2px solid #39718e; padding-top: 50px; padding-bottom: 50px; } header img { position: relative; display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; } header h1, header h2 { display: block; margin: 0 auto; text-align: center; font-weight: 200; } header h1 { font-size: 43px; margin-bottom: 10px; } header h2 { font-size: 18px; } nav { margin-top: 50px; } nav ul { margin: 0; padding: 0; list-style-type: none; text-align: center; } nav li { display: inline; margin-right: 5px; margin-left: 5px; } nav ul:last-child { clear: both; } nav li a { display: inline-block; padding: 15px; text-decoration: none; color: #FFF; background: #39718e; font-weight: 200; font-size: 14px; transition: background 0.5s; } nav li a:hover { background: #244C60; } section { background-color: #fff; padding-top: 50px; padding-bottom: 50px; height: auto; border-bottom: solid 1px #eee; } section div { width: 100%; min-width: 260px; max-width: 720px; margin: 0 auto; } section h1 { font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 50px; font-size: 50px; text-align: center; padding-bottom: 25px; margin: 15px; } section p { font-weight: 400; font-size: 20px; text-align: left; padding-top: 25px; margin: 15px; line-height: 2.2; } footer { position: relative; background-color: #478db2; text-transform: uppercase; font-family: 'Raleway', sans-serif; width: 100%; text-align: center; font-size: 12px; border-top: 2px solid #39718e; padding-top: 50px; padding-bottom: 50px; } footer p { margin-top: 20px; color: #eee; text-transform: none; } footer nav { margin-top: 0; } a { text-decoration: underline; color: inherit;}