/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('./assets/fonts/roboto-condensed-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./assets/fonts/roboto-condensed-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/fonts/roboto-condensed-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/roboto-condensed-v25-latin-300.woff') format('woff'), /* Modern Browsers */
       url('./assets/fonts/roboto-condensed-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./assets/fonts/roboto-condensed-v25-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('./assets/fonts/roboto-condensed-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./assets/fonts/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./assets/fonts/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./assets/fonts/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}


html {
  scroll-behavior: smooth;
}


html,
body {
  height: 100%;
  background-color: #FFF;
}

.body-full {
  height: auto !important;
}

body {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: 15px;
  display: -ms-flexbox;
  display: flex;
  color: #c91d25;
  background-image:url(./assets/img/background.jpg);
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #c91d25;
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: .05rem solid #fff;
}

h1 {
  font-family: "Roboto Condensed", sans-serif;
	font-weight: 300;
  font-size: 3.80em;
  margin-top: 1em;
}

strong {
	font-weight: 600;
}


/*
 * Base structure
 */


span {
	margin-left: 5px;
	margin-right: 5px;
	color: #c91d25;
}

.cover-container {
  max-width: 50em;
}


/*
 * Header
 */
.masthead {
  margin-bottom: 2rem;
}

.inner {

}

.masthead-brand {
	margin-top: 5rem;
  	margin-bottom: -5rem;
}

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: #c91d25;
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #c91d25;
  border-bottom-color: #fff;
}

@media (max-width: 48em) {
  .masthead-brand {
	margin-top: 1rem;
  	margin-bottom: -1rem;
}
  .nav-masthead {
    float: right;
  }

  h1 {
  	padding-top: 15px;
  	font-size: 2rem;
  }

  .lead {
  	font-size: 1.0rem;
  }


}


/*
 * Cover
 */
.cover {
  padding: 0 1.5rem;
}
.cover .btn-lg {
	margin-top: 20px;
	padding: .75rem 1.25rem;
	font-weight: 700;
	-webkit-box-shadow: 0px 13px 26px 0px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 13px 26px 0px rgba(0,0,0,0.16);
	box-shadow: 0px 13px 26px 0px rgba(0,0,0,0.16);
	transition: all ease .3s;
}

.cover .btn-lg:hover {
	-webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.22);
	-moz-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.22);
	box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.22);
}


/*
 * Footer
 */
.mastfoot {
  color: #c91d25;
}

.countdown-box {
  margin: 0;
  margin-top: 50px;
  padding: 0 2rem 0 2rem;
  border-radius: 8px;
}



.countdown-box li {
  color: #000;
  display: inline-block;
  font-size: 1em;
  list-style-type: none;
  padding: 2.2em 2.2em 0em 2.2em;
  text-transform: uppercase;
}

.countdown-box li span {
  font-weight: 600;
  display: block;
  font-size: 3rem;
}