html, body { margin: 0; padding: 0; } .container { max-width: 940px; margin: 0 auto; padding: 0 10px; } .jumbotron { height: 800px; } .nav { margin: 0; padding: 20px 0; } .nav li { color: #fff; font-family: 'Raleway', sans-serif; font-weight: 600; font-size: 12px; } .main { position: relative; top: 180px; text-align: center; } .main h1 { color: #333; font-family: 'Raleway', sans-serif; font-weight: 600; font-size: 70px; margin-top: 0; margin-bottom: 80px; text-transform: uppercase; } .btn-main { background-color: #333; color: #fff; font-family: 'Raleway', sans-serif; font-weight: 600; font-size: 18px; letter-spacing: 1.3px; padding: 16px 40px; text-decoration: none; text-transform: uppercase; } .supporting { padding-top: 80px; padding-bottom: 100px; } .supporting .col { float: left; width: 33%; font-family: 'Raleway', sans-serif; text-align: center; } .supporting img { height: 32px; } .supporting h2 { font-weight: 600; font-size: 23px; text-transform: uppercase; } .supporting p { font-weight: 400; font-size: 14px; line-height: 20px; padding: 0 50px; margin-bottom: 40px; } .clearfix { clear: both; } .footer { background-color: #333; color: #fff; padding: 30px 0; } .footer p { font-family: 'Raleway', sans-serif; text-transform: uppercase; font-size: 11px; } @media (max-width: 500px) { .main h1 { font-size: 50px; padding: 0 40px; } .supporting .col { width: 100%; } } .jumbotron h1 { background-color: #333333; }