@font-face {
  font-family: "FoundersGrotesk-Light";
  src: url("https://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/founders/FoundersGrotesk-Light.otf");
}
*{
  margin:0;
  overflow: hidden;
}
body{
  background-image: url('../images/fundo0.png');
  background-repeat: no-repeat;
}
@media screen and (max-width: 480px) {
    body {
      width:480px;
      height:auto;
      background-image:url('../images/fundo-480.png');
    }
}
@media screen and (max-width: 414px) {
    body {
      width:414px;
      height:auto;
      background-image:url('../images/fundo-414.png');
    }
}
@media screen and (max-width: 375px) {
    body {
      width:375px;
      height:auto;
      background-image:url('../images/fundo-375.png');
    }
}
@media screen and (max-width: 360px) {
    body {
      width:360px;
      height:auto;
      background-image:url('../images/fundo-360.png');
    }
}
@media screen and (max-width: 320px) {
    body {
      width:320px;
      height:auto;
      background-image:url('../images/fundo-320.png');
    }
}


ul {
  font-family: "FoundersGrotesk-Light";
  text-transform: uppercase;
  color: #fff;
  font-size:49px;
  letter-spacing: 8px;
  display: inline-block;
  list-style-type: none;
  text-align:center;
  position:absolute;
  z-index:10000;
  top: 103px;
  left: 13px;
  line-height: 66px;
}
@media screen and (max-width: 480px) {
    ul {
      font-size: 40px;
      letter-spacing: 8px;
      top: 85px;
      left: 8px;
      line-height: 57px;
    }
}
@media screen and (max-width: 414px) {
    ul {
      font-size: 37px;
      letter-spacing: 6px;
      top: 74px;
      left: -3px;
      line-height: 49px;
    }
}
@media screen and (max-width: 375px) {
    ul {
      font-size: 34px;
      letter-spacing: 6px;
      top: 69px;
      left: -14px;
      line-height: 44px;
    }
}
@media screen and (max-width: 360px) {
    ul {
      font-size: 33px;
      letter-spacing: 5px;
      top: 61px;
      left: -10px;
      line-height: 43px;
    }
}
@media screen and (max-width: 320px) {
    ul {
      font-size: 30px;
      letter-spacing: 4px;
      top: 57px;
      left: -14px;
      line-height: 38px;
    }
}

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

a:hover {
    text-decoration: none;
    color:yellow;
}

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