@media (max-width: 600px) {
      header h1 {
        font-size: 1.5em;
      }

      .container {
        padding: 1em;
      }

      .hamburger {
        display: flex;
      }

      .nav-links {
        display: none;
        width: 100%;
        flex-direction: column;
        margin-top: 1em;
      }

      .nav-links.show {
        display: flex;
        background-color: var(--secondary);
        padding: 1em;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
      }

      .nav-links.show a {
        color: white;
      }

      .nav-links.show a:hover {
        background-color: var(--accent);
        color: #000;
      }

      .nav-links a {
        padding: 0.5em 0;
      }

      .nav-container {
        flex-direction: column;
        align-items: flex-start;
      }
    }

	@media (max-width: 767px) {
	  #countdown {
		background-color: rgba(0, 0, 0, 0.5); /* semi-transparent black */
		padding: 8px 12px;
		border-radius: 8px;
		display: inline-block;
		margin: 0 auto;
	  }
	}