html { height: 100%; padding: 0; margin: 0; } body { font-weight: 400; font-size: 14px; line-height: 120%; color: #222222; background: #d2d3d5;  background: -moz-linear-gradient(-45deg, #d2d3d5 0%, #e4e5e7 44%, #fafafa 80%);  background: -webkit-linear-gradient(-45deg, #d2d3d5 0%,#e4e5e7 44%,#fafafa 80%);  background: linear-gradient(135deg, #d2d3d5 0%,#e4e5e7 44%,#fafafa 80%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d3d5', endColorstr='#fafafa',GradientType=1 );  padding: 0; margin: 0; background-repeat: no-repeat; background-attachment: fixed; } #hero-image { text-align: center; margin: 20px auto 10px auto; } #hero-image img { max-width: 80%; } h1 { font-size: 34px; color: #222222; font-family: "Roboto", sans-serif; font-weight: 900; margin: 20px 0 30px 0; text-align: center; } .content { text-align: center; font-family: "Helvetica", "Arial", sans-serif; } #social { text-align: center; margin-top: 30px; } #social a i { color: #23272a; margin: 10px; box-sizing: content-box; } #social a:hover i { color: #e78967; } @media(max-width:767px){ h1 { font-size: 30px; margin: 10px 0 30px 0; } #hero-image img { max-width: 95%; } }