html,body {height:100%;}
body {font:28px/150% 'Roboto', sans-serif;background:#6bb8dc;overflow-x:hidden;color:#000;}
h1,h2,h3,h4 {margin:0;padding:0;}

footer {margin-top:20px;margin-bottom:20px;}

.back-black {background-color:#000;}
.back-yellow {background-color:#ffed00;}
.yellow-text, .yellow-text a {color:#ffed00;}
div.section {padding-top:30px;padding-bottom:40px;}
div.back-yellow.section p, div.offers h2{font-weight:700;font-size:62px;line-height:113%;}
div.how-works h2 {font-weight:900;font-size:62px;line-height:113%;}
div.condensed {line-height:129%;}
h2.h1 {font-size:74px;margin:0;}
a.call-to-action:hover > h2 {color:#6bb8dc;}


header, header a {color:#fff;}
header img.brand-logo {padding: 30px 0;}
header div.back-black {margin-top:40px;}	
header  > container{padding-top:60px;padding-bottom:60px;}
header .back-yellow{position:relative;z-index:1000;}
header.container-fluid .row {position:relative;}
header div.section {padding-bottom:0;padding-top:100px;}
header div.section img {position: absolute;bottom: 0;right: -20%;width: 60%;}
header a  {padding:10px;font:48px/131% 'Roboto Condensed', sans-serif;}
header a:hover {text-decoration:none;color:#ffed00;}
header h1.brand-logo {font-size:62px;line-height:1;color:#6bb8dc;padding-top:40px;padding-bottom:40px;}
header h1.brand-logo span {color:#000;}
header h1 {font-family: 'Champion';margin:0;color:#ffed00;font-size:130px;line-height:100%;}
header h2 {font-family: 'Champion heavy';font-size:45px;}
header h1:last-child {padding-bottom:90px;}


div.how-works ul {margin-left: 20px; padding-left: 10px;}
div.how-works ul li, div.how-works h2  {color:#fff;}
div.how-works h2 {margin-top:50px;}
div.how-works h3 {font-weight:900;}
div.condensed h3 {font-size:28px;line-height:129%;}


div.offers ul {margin-top:10px;padding-bottom:40px;border-bottom:6px solid #ffed00;}
div.offers h2 {border-top:4px solid #ffed00; padding-top:50px;color:#fff;margin-bottom:30px;}
div.offer div.bullet {position:relative;width:100%;padding-top:50%;padding-bottom:50%;margin-bottom:30px;background:#ffed00;border-radius:100%;}
div.offer div.bullet .bullet-content {position:absolute;width:100%;top: 50%;transform: translateY(-50%);}
div.offer div.bullet .bullet-content h3, div.offer div.bullet .bullet-content h4, .bullet-content h4 small{font-weight:900;color:#6bb8dc;}
div.offer div.bullet .bullet-content h3 {font-size:170px;line-height:85%;}
div.offer div.bullet .bullet-content h4 {font-size:70px;line-height:80%}
div.offer div.bullet .bullet-content h4 small {display:block;font-size:32px;}
div.offer p {margin-bottom:20px;}
div.offer p {color:#fff;}

div.call h2{font:72px/132% 'Roboto Condensed', sans-serif;}

div.maps {min-height:300px;}
div.maps img {width:100%;}
div.embed-responsive-8by3 {padding-top:37.5%}

a.call-to-action:hover , a.call-to-action:hover  h2{color:#6bb8dc;}

footer, footer h3{font-size:19px;font-weight:700;}
footer a {color:#000;}
footer a:hover {color:#000;}
footer h3, footer p {font-size:21px;line-height:170%;}
#mobile-phone{
    position: fixed;
    bottom: 25px;
    right: 15px;
    border: none;
    color: #6bb8dc;
    font-weight: bold;
    z-index: 1000;
    padding: 15px 20px;
    border-radius: 100%;
    box-shadow: 0px 3px 12px -3px #999;
}


@media all and (max-width: 991px) {
	
	
	div.call h2 {font: 55px/133% 'Roboto Condensed', sans-serif;}
	div.offer div.bullet .bullet-content h3 {font-size:100px;line-height:85%;}
	div.offer div.bullet .bullet-content h4 {font-size:41px;}
	div.offer div.bullet .bullet-content h4 small {font-size:17px;}
}

@media all and (max-width: 768px) {

	body {font-size: 19px;line-height:147%;}
	header h1 {font-size:90px;}
	header h2 {font-size:30px;}
	header div.section {;padding-top:70px;}
	div.back-yellow.section p, div.how-works h2, div.offers h2 {font-size:38px;line-height:126%;}
	div.how-works {text-align:center;}
	div.condensed ul {text-align:left;margin-left:20%;}
	div.offers ul,div.offers h2 {border:none;}
	div.offer  {margin-top:20px;border-bottom:5px solid #ffed00;}
	div.call h2 {font: 43px/133% 'Roboto Condensed', sans-serif;}
	div.offer div.bullet .bullet-content h4 {font-size:50px;}
	
}
@media all and (max-width: 480px) {
	
	body {font-size: 18px;line-height:133%;}
	h1.brand-logo {width:100%;}
	header {text-align:center;}
	header h1 {font-size: 68px;}
	header h2 {font-size: 24px;}
	header div.section {padding-top:50px;}
	header h1:last-child {padding-bottom: 50px;}
	div.back-yellow.section p, div.how-works h2, div.offers h2 {font-size:30px;line-height:120%;}
	div.condensed h3 {font-size:21px;line-height:122%;margin-top:40px; margin-bottom:10px;}
	div.call h2 {font: 33px/133% 'Roboto Condensed', sans-serif;}
	div.offer  {margin-top:20px;}
	div.offers ul,div.offers h2 {border:none;}
	div.offer {border-bottom:5px solid #ffed00;}
	div.maps {min-height:450px;}
}