@font-face {
    font-family: 'RalewayLight';
    src: url('../fonts/fontawesome.eot');
    src: url('../fonts/fontawesome.eot?#iefix') format('embedded-opentype'), url('../fonts/fontawesome.svg#fontawesome') format('svg'), url('../fonts/fontawesome.woff') format('woff'), url('../fonts/Raleway-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
 margin:0;
  color: #fff;
 
  text-align: center;
 font-family:RalewayLight!important;
}



#title {
   letter-spacing: 8px;
    text-decoration: underline;
    display: inline-flex;
    margin: -5px;
    padding: 5px;
    font-family:RalewayLight!important;
    font-weight:300;
} 

.title-letter {
    font-size: 29px;
    margin-left: -2px;
}

#sub-title {
  font-family: helvetica;
    font-weight: 200;
    font-size: calc(0.4vw + 0.5rem);
    letter-spacing: calc(0.3vw + 0.5rem);
    text-transform: uppercase;
    position: relative;
    top: 5px;
}

/* Opacity For Start */
.title-letter, #sub-title {
  opacity: 0;   
}