body { overflow: auto; background: #000; margin: 0px; font-family: 'Raleway', sans-serif; }
.wrapper { overflow: hidden; background: #000; color: #fff; bottom: 0px; position: relative; }
.sheetwrap { width: 1100px; margin: 0 auto 10%; }
.contact { border: 4px solid #fff; position: relative; margin: 15% auto; }
h1 { text-align: center; font-size: 45px; margin-top: 90px; }
h4 { text-align: center; font-size: 23px; line-height: 200%; font-weight: normal; }
p { margin-bottom: 0px; }
.pad { padding: 20px; }
.half { width: 50%; float: left; }
.half.left { float: left; text-align: center; }
.half.right { float: left; }
.clear { clear: both; }
.logo { width: 300px; height: auto; }
.contact a { color: #fff; text-decoration: none; }
.contact .pad { line-height: 150%; }
.con { width: 22px; height: auto; margin: 6px 17px -6px 0; }
.grey { background: #999; color: #000; margin: 80px -2000px 14%; padding: 10% 2000px; }
.ball { line-height: 175%; text-align: center; font-size: 19px; width: 80%; margin: auto; }
.batt { text-align: center; }
.grey p { font-size: 21px; text-align: center; line-height: 1.8; }

@media all and (max-width: 1090px) {
.sheetwrap { width: auto; margin: auto; }
}

@media all and (max-width: 767px) {
.half { width: 100%; float: left; }
.contact { border: 0px solid #fff; margin: 4% auto 0%; }
.grey { padding: 5% 2000px; }
.batt img { width: 100%; height: auto; }
.sheetwrap { width: auto; margin: 0 auto 10%; }
.half.right { float: left; text-align: center; }
.grey p { font-size: 20px; text-align: center; line-height: 1.8; margin: 30px auto 30px; }
}

@media all and (max-width: 479px) {
h1 { text-align: center; font-size: 42px; margin-top: 50px; line-height: 113%; }
h4 { line-height: 150%; }
.grey { margin: 10% -2000px 14%; padding: 10% 2000px; }
.ball { line-height: 166%; text-align: center; font-size: 18px; width: 100%; margin: auto; }
.grey { padding: 0% 2000px; }
.contact strong { margin: 8px auto 0px !important; clear: right; display: block; }
.grey p { font-size: 17px; text-align: center; line-height: 1.8; margin: 30px auto 30px; }
iframe { width: 100%; min-height: 80% !important; }
.logo { width: 100%; height: auto; max-width: 70% }
}