@media screen and (min-width: 1058px){
  #welcome-message {
    font-size: 2rem;
    position: fixed;
    top: 50px;
    left: 310px;
    /*font-weight: bold;*/
    color: #FFF;
    text-shadow: 2px 3px 3px #B00;
    transition: transform 0.8s ease, opacity 0.8s ease;
  }
}

@media (min-width: 851px) and (max-width: 1057px){
  #welcome-message {
    font-size: 1.3rem;
    /*font-weight: bold;*/
    color: #FFF;
    text-shadow: 2px 3px 3px #B00;
    transition: transform 0.8s ease, opacity 0.8s ease;
    margin-top: -105px;
    margin-left: 120px;
  }
  
}
@media (min-width: 481px) and (max-width: 850px){
  #welcome-message {
    font-size: 1rem;
    /*font-weight: bold;*/
    color: #FFF;
    text-shadow: 2px 3px 3px #B00;
    transition: transform 0.8s ease, opacity 0.8s ease;
    margin-top: -50px;
    margin-left: 110px;
  }
}

.zoom-in {
  /*transform: scale(1.5);*/
  opacity: 1;
}

.zoom-out {
  /*transform: scale(0.8);*/
  opacity: 0;
}