/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
	font-family: 'Lora', serif;
}

h1,h2,h3,h4 {
	font-family: 'Oswald', sans-serif;
	color: #3C2415;
}

header {
  position: relative;
  background-color: black;
  height: 75vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #3C2415;
  opacity: 0.5;
  z-index: 1;
}

header h1 {
	text-indent: -100000px;
	background: url('../img/logo.png') no-repeat center 100%;
	background-size: 100%;
	width: 100%;
	max-width: 621px;
	height: 147px;
	margin: 0 auto;
}

header h2 {
	text-transform: uppercase;
	letter-spacing: 3px;
	font-shadow: 0 0 .5em #3C2415;
	color: #FFF;
}

.my-5 h1 {
	text-transform: uppercase;
}

.jumbotron {
	color: #FFF;
	background: #3C2415;
	border-radius: 0;
}

.jumbotron h1 {
	margin: .375em 0;
	color: #FFF;
	text-transform: uppercase;
}

.jumbotron h2 {
	color: #D7CFC5;
	text-transform: uppercase;
}

.jumbotron .fas {
	margin: 0 0 .25em;
	padding: .6em .65em;
	color: #3C2415;
	background: #FFF;
	border-radius: 3em;
	font-size: 2.5em;
	line-height: 1em;
}

footer {
	font-size: .75em;
}

.jumbotron span {
	color: #A97C50;
}

@media (pointer: coarse) and (hover: none) {
  header {
    background: url('../img/background.jpg') black no-repeat center center scroll;
  }
  header video {
    display: none;
  }
}