@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v11/YZaO6llzOP57DpTBv2GnyFKPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v11/QAUlVt1jXOgQavlW5wEfxQLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}


body {
  overflow-x: hidden;
  font-family: 'Raleway', sans-serif;
}

/**
  * important: keep position fixed, you can however use top:0 instead of bottom:0
  * if you want to make it stick to the top of the browser
  */
.scroll {
  padding: 0;
  margin: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
}

.header {
  position: fixed;
  z-index: 100;
  left: 0;
}

.header #top{
  width: 3000px;
  height: 30px;
/*   background-color: #22313f; */
  color: black;
  font-family: 'Raleway', sans-serif;
  padding-left: 70px;
  padding-top: 5px;
  font-size: 18px;
}

.message {
  position: fixed;
  z-index: 50;
  padding-left: 280px;
  bottom: 110px;
  font-size: 9px;
  background-color: rgba(255, 255, 255, 0.7);
}