@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Display&family=Overpass:wght@200;300;400;600;700;800&display=swap');
/*Light 200 300 Regular 400 Semi-bold 600 Bold 700 Extra-bold 800*/

body {
  background-color: #000;
  font-family: 'Overpass', sans-serif !important;
  font-weight: 300;
  font-size: 14px;
  margin: 0;
  overflow-x: hidden;
  width: 100%;
  }

a {
  font-family: 'Overpass', sans-serif;
  text-decoration: none;
  color:#fff;
}

.section {
  width: 100%;
  text-align: center;
}
.in-section {
  width: 700px;
  margin: 0 auto;
  text-align: center;
}
.live-now {
  width: 80%;
  height: auto;
  margin: 150px auto 100px auto;
  text-align: center;
}
.logo {
  width: 40%;
  height: auto;
  margin: 100px auto;
  text-align: center;
}
.text {
  font-family: 'Overpass', sans-serif;
  color:#fff;
  font-size: 30px;
  width: 80%;
  margin: 0 auto;
}



@media only screen and (max-width: 800px) {

  .in-section {
    width: 500px;
    padding: 40px 20px;
  }
  .live-now {
    margin: 100px auto 100px auto;
  }


@media only screen and (max-width: 500px) {

  .in-section {
    width: 100%;
    padding: 40px 0px;
  }
  .live-now {
    margin: 40px auto 40px auto;
  }
  .text {
    font-size: 16px;
  }
  .logo {
    margin: 60px auto;
  }