/* ---------- Rotating Header Text ---------- */
#rotating-header-text {
  display: inline-block !important;  
  transition: opacity 0.6s ease, transform 0.6s ease !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
  font-weight: bold !important;
  color: gold !important;
  width: 500px !important;
  text-align: center !important;
  font-family: 'Roboto', sans-serif !important;  
}

#rotating-header-text.fade-out {
  opacity: 0 !important;
  transform: translateY(-6px) !important;
}


@media (max-width: 768px) {
  header #rotating-header-text,
  .site-header #rotating-header-text {
    width: auto  !important;  
    display: block !important;  
    max-width: 100% !important; 
  }
}