#success{
  margin-top: 2em;
  margin-bottom: 2em;
}

.error{
  width: 100%;
  margin-top: 0.25rem;
  color: #dc3545;
}

#reg-mast{
  height:0;
  padding-bottom: 0;
}

#welcome-box{
  background-color: #13125E;
  margin: 1em 0 0.5em 0;
  text-align: center;
}

#welcome-txt{
  color: #fff;
  padding: 1em 0 1em 0;
  font-size: 1.3em;
  font-weight: bold;
  text-transform: uppercase;
}

#reg-head{
  text-align: center;
  font-size: 1.2em;
}

.gameplay-img{
  width: 100%;
  margin-bottom: 0.5em;
}


@media (min-width: 768px) {
#reg-head{
  font-size: 1.4em;
}
#welcome-txt{
  font-size: 1.8em;
}
}

@media (min-width: 992px) {
#reg-head{
  text-align:unset;
  margin-bottom: 1em;
  font-size: 1.6em;
}
#welcome-txt{
  font-size: 2.2em;
}
.login-btn {
  width:auto;
  flex: none
}
#reg-mast{
  height:120px;
}
#gameplay{
  display: flex;
  justify-content: space-between;
  align-content: center;
}
.gameplay-img{
  max-width: 350px;
  margin-bottom: 0;
}
}