@font-face { font-family: 'CircularStd-Book'; src: url('./fonts/CircularStd-Book.woff') format('woff'); font-weight: normal; font-style: normal; }
 *{ margin: 0; padding: 0;}
 img{ max-width: 100%;}
 body { font-family: CircularStd-Book !important; color: #3b3b3b; }
.intro{ background: url(https://www.mysocialgear.com/assets/clientData/socialPromotion//bg1.png) no-repeat right top;  min-height: 100vh;}
.container{ width:80%; margin: 0 auto;}
.logo{ padding-top: 140px;}
.midimg{ text-align: center; margin-top: -50px;}
.text-center{ text-align: center;}
.content h3{ font-size: 56px; color: #3e4659; text-transform: uppercase; margin-bottom: 50px;}
.content p{ font-size: 27px; font-weight: 300; line-height: 40px;}
.content p a{ display: inline-block; width: 300px; height: 50px; background: #f68445; color: white; text-transform: uppercase; line-height: 50px; font-size: 16px; text-decoration: none; max-width: 100%;}
.content p a.unsub{  display: inline-block; width: 300px; height: 50px; background: #fff; color: #3b3b3b; text-transform: uppercase; line-height: 50px; font-size: 16px; text-decoration: none; max-width: 100%; border: 1px solid #f68445;}

footer{ background: url(https://www.mysocialgear.com/assets/clientData/socialPromotion/bg2.png) no-repeat bottom center; background-size: 100%; text-align: center; color: #fff ; position: relative; padding-top: 270px; padding-bottom: 30px;}


.introform{ text-align: left; background: url(https://www.mysocialgear.com/assets/clientData/socialPromotion/ball.png) no-repeat right top;}

.text-left{ text-align: left;}

.introform form label{ display: block; margin: 20px 0; font-size: 18px;}
.introform form input[type="text"]{ width: 500px; max-width: 100%; border: 1px solid #dbdddb; height: 42px;}
.introform form p{ font-size: 16px;}
.introform form input[type="radio"]{ float: left; margin-top: 12px; margin-right: 15px;}
.introform form p a{ text-align: center;}

.wholast img{ float: left; margin-right: 15px;}

.wholast{ padding: 50px 0;}
.wholast p{ font-size: 16px; line-height: 20px; margin-bottom: 6px;}
.wholast a{color: #f68445; }


@media (max-width:767px){
    footer{ padding-top: 100px; background-size: cover;}
    .content h3{ font-size: 30px;}
    .logo{ padding-top: 50px;}
}