/* body, html {
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale;
}

body {
  overflow-x: hidden;
  background-color: #000;
  color: #fff;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -ms-transition: all .2s ease;
  transition: all .2s ease;
} */


html { -ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent; box-sizing: border-box; height: 100%; }

*, *:before, *:after { box-sizing: inherit; }

body::-webkit-scrollbar { display: none; }

/* Hide scrollbar for IE, Edge and Firefox */
body {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  min-height: 100%;
}

body, html { 
  font-family: stratos-lights,sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale;
  background-color: #fff;
  min-height: 100%;
  color: #fff;
  background: #000;
  margin:0 !important; 
  padding: 0 !important;
  font-size: 32px;
  line-height: 38px;
  -webkit-transition: all .1s ease;
  -moz-transition: all .1s ease;
  -o-transition: all .1s ease;
  -ms-transition: all .1s ease;
  transition: all .1s ease;   
  background-image: url("../img/background_2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  
}

.mobileimg {
  width: 100%;
  padding: 30px 8px;
}

.mobileimg2 {
  width: 60%;
  padding: 24px 8px 0;
}

#logotype {
  position: fixed;
  z-index: 99;
  top: 0px;
  background: blue;
  width: 100%;
  height: 100%;
  
  background: url("../img/text.svg");
  background-repeat: no-repeat;
  background-size: contain;
  
  background-position: left center;
  
  pointer-events: none;
}



#bottom { 
  position:absolute;
  bottom:0;
  width: 100%;
  height: auto;
 }

    

p { font-size: 20px; font-weight: 600; line-height: 24px; text-transform: uppercase; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }


.fa {
 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); 
}

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


.pdfs {
  padding-top: 20px;
  position: absolute;
  right: 20px;
}

.pdfs img {
  max-width: 50px;
}

.pdfs ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.pdfs ul li {
  margin-bottom: 10px;
}


@media only screen and (max-width:700px) {
  ul li {  font-size: 20px; line-height: 26px; }
  
  
  .pdfs {
    padding-top: 0;
    position: absolute;
    right: 20px;
    top: 16px;
  }
  
  .pdfs img {
    max-width: 40px;
  }
  
}



/* Style all font awesome icons */
.fa {
  padding: 26px 5px;
  font-size: 22px !important;
  width: auto;
  text-align: center;
  text-decoration: none;
}

/* Add a hover effect if you want */
.fa:hover {
  opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook,
.fa-twitter {
  background: transparent; color: white;
}