#earth {Position: static;Width: 500px !important; height:500px !important;touch-action: manipulation;float: right;margin-top:-100px;}
.hero2 {padding-top:250px;background-size:cover !important;}
.hero2 h1 {color: #24C1FF;font-family: 'Graphie Bold',sans-serif;font-size: 60px;letter-spacing: 12px;text-transform: uppercase;position:relative;}
.hero2 h1.labs::after {content: 'LABS'; display: inline-block;  vertical-align: top; color: #FFF;font-family: 'Graphie Bold',sans-serif;font-size: 18px;letter-spacing: 3.6px;position: absolute;top: 8px;margin-left: 10px;}
.hero2 h2 {color: #FFF;font-family: 'Graphie Light',sans-serif;font-size: 36px;margin-bottom:30px;font-weight: 300;}
.hero2 h2 strong {font-family: 'Graphie Bold',sans-serif;}
.hero2 span {color: #FFF;font-family: 'Graphie Light',sans-serif;font-size: 18px;}
.hero2 span strong {font-size:35px;position:relative;margin-right:60px;line-height:150%}
.hero2 span strong.labs::after {content: 'LABS'; display: inline-block;  vertical-align: top; color: #FFF;font-family: 'Graphie Bold',sans-serif;font-size: 14px;letter-spacing: 3.6px;position: absolute;top: -12px;margin-left: 10px;}

.hero2.blue h1 {color: #00A1E1;}
.hero2.green h1 {color: #00E96C;}
.hero2.lightblue h1 {color: #69E0F5;}
.hero2.orange h1 {color: #F85849;}
.hero2.white h1 {color: #FFF;}

@media all and (min-width: 1px) and (max-width: 768px) {
    .hero2 {padding-top:100px;margin-top:-80px;}
    .hero2 h1 {font-size: 26px;letter-spacing: 6px;text-align: center;margin-bottom:30px;}
    .hero2 p {font-size: 22px;text-align: center;max-width: 230px;margin:0 auto;}
    .hero2 span {font-size: 16px;text-align: center;max-width: 230px;margin:0 auto;}
    #earth {width: 300px !important; height:300px !important;float: none;margin-top:0;margin:30px auto 50px auto;display: block;}
}
@media all and (min-width: 769px) and (max-width: 999px) {
    #earth {Width: 350px !important; height:350px !important;}
    .hero2 h1, .hero2 p {zoom:75%}
    
}