@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');

.container-fluid{
  background-image: url("https://www.slotsplus.eu/SAMPLE/TOURNAMENTS/img/backMobile.jpg");
  background-color: #000;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh !important;
  width: auto;
  border: 1px solid black;
}

html, body{
  background-color: #000 !important;
}

h1, h2, h3{
  font-family: 'Russo One', sans-serif;
}

.link:hover{
    cursor: pointer;
  }

p{
  color: #fff;
  font-size: 10px;
}

h1, h2{
  color: #ffbe0e;
}

h3{
  font-size: 1.4rem !important;
  color: #39f0f5;
}

#hero{
  margin-top: -5px;
}

#txt{
  background-color: white;
}

#main{
  margin-top: auto;

}

.link:hover{
  cursor: pointer;
}

.trms{
  display: none;
}

.draw{
  margin-left: auto;
  margin-right: auto;
}

.im-w{
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}

.aid {
  margin-top: -10px;
}

.sub{
  border-bottom: 1px solid #fff;
}

.code{
  font-size: 1.7rem !important;
  color: #39f0f5;
}

.chip{
  color: #ebe3ad;
  font-family: 'Russo One', sans-serif;
  font-size: 1.8rem !important;
}

.text{
  color: #fff;
  font-family: 'Russo One', sans-serif;
  font-size: 1.3rem !important;
}

.btn-terms{
  margin-left: auto;
  margin-right: auto;
  border-radius: 15px;
  margin-bottom: 35px;
  width: 20%;
  color: #fff;
  font-family: 'Russo One', sans-serif;
  font-size: 10px !important;
  padding: 5px;
  border: 1px solid #fff;
}

.btn-terms:hover{
  cursor: pointer;
}

.btn-lg {
  font-size: 2.25rem !important;
}

.bton{
  text-align: center;
  color: #fff;
  padding-top: 10px;
}

.cards{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-bottom: 3rem;
}

#steps{
  margin-top: 2.5rem;
  margin-bottom: 4rem;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  padding-top: 15px;
  padding-bottom: 15px;
}

img {
  max-width: 100%;
}

/*.aid, .logo{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}*/

@media (min-width: 800px) {
  html, body, .container{
    background-color: #000;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh !important;
    width: auto;
    border: 1px solid black;
  }

  h1, h2, h3{
    text-align: center;
  }

  #hero{
    margin-top: -8rem;
  }

  #main{
    margin-top: 11.9rem;
    padding-right: 10%;
  }

  .aid{
    margin-top: 10px;
  }

  .chip{
    font-size: 2.8rem !important;
  }

  #steps{
    margin-top: 0rem;
    margin-bottom: 4rem;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  h1, h2{
    color: #ffbe0e;
    font-size: 3.8rem !important;
  }

  h3{
    font-size: 2.4rem !important;
  }

}