@media screen and (max-width: 769px) {
  .reverse-column-order {
    display: flex;
    flex-direction: column-reverse;
  }
  .is-centered-touch {
    align-content: center!important;
    text-align: center!important;
  }
}

/**
 * Animations
 */

.fromTopIn
{
  transition: transform 1.0s ease, opacity 1.0s ease;
  transform: translate(0,0);
  opacity: 1.0;
}

.fromTopOut
{
  transition: transform 1.0s ease, opacity 1.0s ease;
  transform: translate(0,-10px);
  opacity: 0.0;
}

.fromBottomIn
{
  transition: transform 1.0s ease, opacity 1.0s ease;
  transform: translate(0,0);
  opacity: 1.0;
}

.fromBottomOut
{
  transition: transform 1.0s ease, opacity 1.0s ease;
  transform: translate(0,10px);
  opacity: 0.0;
}

.fromLeftIn
{
  transition: transform 2.0s ease, opacity 2.0s ease;
  transform: translate(0,0);
  opacity: 1.0;
}

.fromLeftOut
{
  transition: transform 2.0s ease, opacity 2.0s ease;
  transform: translate(-20px,0);
  opacity: 0.0;
}

.fromRightIn
{
  transition: transform 2.0s ease, opacity 2.0s ease;
  transform: translate(0,0);
  opacity: 1.0;
}

.fromRightOut
{
  transition: transform 2.0s ease, opacity 2.0s ease;
  transform: translate(20px, 0);
  opacity: 0.0;
}

.scaleUpIn
{
  transition: transform 1.0s ease, opacity 1.0s ease;
  transform: scale(1.0,1.0);
  opacity: 1.0;
}

.scaleUpOut
{
  transition: transform 1.0s ease, opacity 1.0s ease;
  transform: scale(1.3,1.3);
  opacity: 0.0;
}

.scaleDownIn
{
  transition: transform 1.0s ease, opacity 1.0s ease;
  transform: scale(1.0,1.0);
  opacity: 1.0;
}

.scaleDownOut
{
  transition: transform 1.0s ease, opacity 1.0s ease;
  transform: scale(0.7,0.7);
  opacity: 0.0;
}

.invisible {
  transition: opacity 0.5s ease;
  opacity: 0.0
}

.visible {
  transition: opacity 0.5s ease;
  opacity: 1.0
}

.is-huge {
  font-size: 6rem;
}

#recordings_info,
#artists_info,
#label_info,
#synch_info,
#number_ones_info,
#compilations_info {
  display: none;
}

#info_hide_button_rec, 
#info_hide_button_artist, 
#info_hide_button_label,
#info_hide_button_synch,
#info_hide_button_number_ones,
#info_hide_button_compilations {
  display: none;
}

@keyframes b {
  0% {
    background-position: 1% 80%
  }

  50% {
    background-position: 99% 20%
  }

  100% {
    background-position: 1% 80%
  }
}

.rainbow {
  height: 30px;
  width: 40%;
  animation: b 8s ease infinite;
  background-image: linear-gradient(124deg,#f00,#f69,#6ff,#0cf);
  background-size: 800% 800%;
}

.bottom-links {
  text-align: center;
}