html {
  scroll-behavior: smooth;
  font-family: "Roboto", serif;
}
body {
  font-family: "Roboto", serif;
}
h1 {
	font-weight: 900;
	text-transform:uppercase;
	
}
h2 {
	font-weight: bold;
	font-size:24px!important;
}
h2.head-sm {
	font-weight: bold;
	font-size:1em!important;
}
.bg-grey {
	background-color: #EAEAEA;
}
.bg-blue {
	background-color: #212433;
}
.bg-black {
	background-color: #000;
}
.border {
	height:10px;
}
.text-blue, a {
	color: #212433;
}
.logo {
	width:250px;
}
#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: red; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}
.shoutout{
	/*background: url("../images/uploaded/contact-banner.png") no-repeat center center;*/ 
	margin-bottom:0px;
	/*height:540px!important;*/
	background-size:cover;
	background-color:#414142;
}
.bannerBg{
	background:#000;
	/*opacity:0.6;*/
	padding:20px;	
	text-align:center;
	width:100%;
	background: rgb(0, 0, 0); /* Fallback for older browsers without RGBA-support */
    background: rgba(0, 0, 0, 0.7)
}
.bannerBg p{
	color:#FFF;
}

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: black;
  opacity: 0.5;
  z-index: 1;
}

/* Media Query for devices withi coarse pointers and no hover functionality */

/* This will use a fallback image instead of a video for devices that commonly do not support the HTML5 video element */

@media (pointer: coarse) and (hover: none) {
  header {
    background: url('../images/uploaded/banner-mobile.jpg') black no-repeat center center scroll;
  }

  header video {
    display: none;
  }
}