@media (max-width: 575px) {
  h1 {
    font-size: 1.5rem;
    /*line-height: 3rem;*/
  }
}

@media (min-width: 768px) {
  h1 {
    font-size: 4.5rem !important;
    /*line-height: 8rem !important;*/
  }
}

@media (min-width: 576px) {
  h1 {
    font-size: 2.5rem;
    /*line-height: 4rem;*/
  }
}

h1 {
  color: #FFF;
  text-align: center;
  font-family: Inter;
  font-style: normal;
  /*font-weight: 800;*/
  text-transform: uppercase;
}

.container {
  border-radius: 50px;
  border: 1px solid #edc6aa;
  background: #162d3c;
}

p.welcome {
  font-size: 1.5rem;
}

@media (max-width: 767px) {
  p.welcome {
    font-size: 1rem;
  }
}

p.welcome {
  color: #D9D9D9;
  text-align: center;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
}

.btn {
  border-radius: 23px;
  background: #F2F2F2;
}

.container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.btn {
  color: #162d3c;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  text-transform: uppercase;
}

/* arte */

.arteposition {
  top: -10%;
  left: -15px;
}

/* beat */

@media (max-width: 576px) {
  .beatposition {
    bottom: -2% !important;
    right: 40px !important;
  }
}

.beatposition {
  bottom: -6%;
  right: 50px;
}

.btn:hover {
  color: #edc6aa !important;
  background-color: unset;
  border: 2px solid white;
}

@media (max-width: 768px) {
  .dashes {
    width: 80px !important;
  }
}

@media (max-width: 576px) {
  .dashes {
    width: 60px !important;
  }
}