body { font-family: 'Noto Sans SC', sans-serif !important; font-weight: 400; 
       background-color: #f0f2f5; color: #1a202c;  }
.hero { height: 6vh !important; min-height: 400px !important;  }
.hero, .hero > .container > .row { height: 5vh; min-height: 500px; }

@keyframes blink-timeframe {
  0% { color: #FFFFFF;}
  25% { color: #ffc107; }
  50% { color: #FFFFFF;}
  75% { color: #ffc107; }
  100% { color: #FFFFFF;}
}
.blink{
  /*color: white; */
  font-weight: bold;
  animation-name: blink-timeframe;
  animation-duration: 3s; 
  animation-iteration-count: infinite;
}


@media only screen and (max-width: 430px) and (orientation: portrait) {
  .site-navbar .site-logo {
      margin: 0;
      padding: 0;
      width: 150%;
      font-size:1.25rem; }
    
    .hero {
        height: 70vh !important; /* Adjust height for mobile */
        min-height: 200px !important;
    }
    
    .hero, .hero > .container > .row {
        height: 85vh;
        min-height: 230px;
    }
    
    /* Add more mobile-specific styles */
    .container {
        padding: 0 15px;
    }
}