/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on September 22, 2020 */



@font-face {
    font-family: 'sf_ui_displaylight';
    src: url('sf-ui-display-light-webfont.woff2') format('woff2'),
         url('sf-ui-display-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family:'sf_ui_displaymedium';
    src: url('sf-ui-display-medium-webfont.woff2') format('woff2'),
         url('sf-ui-display-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

img{ max-width: 100%}

body {
  background-color: black;
  font-family:'sf_ui_displaymedium';
  color: #fff;
  padding:50px 0 30px; 
  
 }

.main {
 position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

}


h1 {
 font-size:2em; 
 padding-top: 35px;
 }

 h2 {
  font-size:2.2em;
  color:#cff700;
  padding:10px 0 10px;
 }

p {
  font-family:"sf_ui_displaylight";
  font-size: 20px;
}

a { text-decoration: none; color:#fff;}

a.register {
  border-radius: 50px;
  -webkit-border-radius:50px;
  background-color:#cff700;
  font-size:1em;
  color:#000;
  padding: 5px 40px;
  margin-bottom: 54px;
  display: inline-block;
  display: none;
}

a.register:hover{
   background-color:#ff3e47;
   color:#fff;
}

a.call {
  color:#ff3e47
}

a.call:hover {
  color:#cff700
}

a:hover { text-decoration: none;}

a.social {color: #fff;}
a.social:hover {color: #ff3e47;}


/* Responsive */

@media only screen and (max-width:767px) {
  .main {
   padding: 0 20px;
   width:90%
  }

  h1 {
    font-size: 1.3em;
    padding-top: 35px;
}

p {
  font-family:"sf_ui_displaylight";
  font-size:18px;
}

}