/* assets/css/style.css */

body {
  background: #f8f9fa;
  font-family: 'Segoe UI', sans-serif;
}

@font-face {
  font-family: 'WhisperingSignature';
  src: url('/fonts/WhisperingSignature.ttf') format('truetype');
}

.navbar-brand {
  font-family: 'WhisperingSignature';
  font-size: 2.5rem;
}

/* HERO */

.hero {
  min-height: 100vh;
  background: url('/assets/images/hero2.jpg') center center/cover no-repeat;
  text-shadow: 0 2px 4px rgba(0,0,0,0.6);
	text-align: left;
}

.btn btn-outline-light btn-lg {
		text-align: left;
	}

/* COUNTDOWN */

#countdown {
  font-weight: 500;
}

/* MEDIA QUERIES */

/* Medium devices (tablets, 768px and up) */
@media (max-width: 767.98px) {
  .hero {
    min-height: 70vh;
    padding: 3rem 0;
	  text-align: left;
  }
  .hero .display-4 {
    font-size: 2.5rem;
	  text-align: left;
  }
  .hero .lead {
    font-size: 1.15rem;
	  text-align: left;
  }
  #countdown {
    font-size: 1.25rem;
	  text-align: left;
  }
	.btn btn-outline-light btn-lg {
		text-align: left;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 575.98px) {
  .hero {
    min-height: 50vh;
    padding: 2rem 0;
	  text-align: left;
  }
  .hero .display-4 {
    font-size: 2rem;
	  text-align: left;
  }
  .hero .lead {
    font-size: 1rem;
	  text-align: left;
  }
  #countdown {
    font-size: 1rem;
	  text-align: left;
  }
	
	.btn btn-outline-light btn-lg {
		text-align: left;
	}
}