.btn:hover {
  transform: scale(1.3);
  transition: .2s ease-in-out 0s;
}

.btn-primary:hover {
  color: #ededed;
  background-color: #001a40;
  border-color: #001a40;
}

@media (min-width: 300px) {
  #joinButton {
    visibility: hidden;
  }
}

@media (min-width: 576px) {
  #joinButton {
    visibility: hidden;
  }
}

@media (min-width: 768px) {
  #joinButton {
    visibility: hidden;
  }
}

@media (min-width: 992px) {
  #joinButton {
    position: absolute;
    top: -115%;
    left: 15%;
    border-radius: 48px;
    font-size: 26px;
    background: #fc5f1c;
    font-family: sans-serif;
    font-weight: bold;
    width: 128.8px;
    border-width: 0px;
    visibility: visible;
  }
}

@media (min-width: 1200px) {
  #joinButton {
    position: absolute;
    top: -156%;
    left: 12%;
    border-radius: 48px;
    font-size: 26px;
    background: #fc5f1c;
    font-family: sans-serif;
    font-weight: bold;
    width: 128.8px;
    border-width: 0px;
    visibility: visible;
  }
}

@media (min-width: 2048px) {
  #joinButton {
    position: absolute;
    top: -156%;
    left: 5%;
    border-radius: 48px;
    font-size: 26px;
    background: #fc5f1c;
    font-family: sans-serif;
    font-weight: bold;
    width: 128.8px;
    border-width: 0px;
    visibility: visible;
  }
}