p {
	font-family: 'Urbanist', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Urbanist';
	font-style: italic;
}

/* 	see ColourGuide.html */
.bg-dark-blue {
	background-color: #3D3DBA;
}
.bg-blue {
	background-color: #DCE4F9;
}
.bg-dark-grey {
	background-color: #C5D4E6;
}
.bg-lighter-grey {
	background-color: #DBE5F2;
}
.bg-grey-alt {
	background-color: #E4E7EB;
}

img.smaller {
	width:175px;
}

.footer p {
	color: rgb(214, 203, 203);
}

.pos-relative {
	position: relative;
}

p {
		line-height:1.75em;
}

.header-text-base {
	position: absolute;
	color: white;
}

.header-overlay-text {
	color: #000000;
}

.white-text {
	color: #F0F0F0;
}

.large-text {
	font-size: 2em;
}

.navbar-nav {
	font-size:1.2em;
}

.header-text-base h1 {
	font-size:4em;
	font-weight:bold;
}

.header-text-base p {
	font-size:1.3em;
	line-height:1.45em;
}

.header-text-mailing {
	top: 1%;
	left: 10%;
}

.header-text-home {
	top: 12%;
	left: 8%;
	margin: 0 auto;
}

/* not currently used
.header-text-home p {
	width:35%;
	left:25%;
	line-height:1.4em;
	padding:5%;
}

.header-text-home p a {
	text-decoration:none;
	color: white;
}
*/

.homepage-bg-aireal {
	background-image: url("images/bg-swervetracker-phones.jpg"); /* DJI105-1m-crop-alt.jpg */
	background-repeat: no-repeat;
	background-size: cover;
	height: 713px;
}

.faq-bg {
	background-image: url("images/SunsetRanch-2006.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	height: 425px;
}

.form-bg {
	background-image: url("images/BaxSkiOct2016-SunriseBG.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	height: 725px;
}

.form-heading {
	font-size:2.5em;
}

.form-label {
	color: white;
}

.header-text-faq {
	top: 6%;
	right: 18%;
	margin: 0 auto;
}

.header-text-faq h1,.header-text-faq p {
	color: #2A4F8A;
}

.header-text-products {
	top: 12%;
	left: 15%;
}

<!-- not currently used - homepage map commented out -->
.homepage-bg-map {
	background-image: url("images/PredatorBayMap.png");
	background-repeat: no-repeat;
	background-size: cover;
	height: 550px;
}

.row-bg-blue {
	background-color: #b5dfed;
}

.blue-bg {
	background-color: rgb(207, 217, 230);
}

.youtube-video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.youtube-video-container::after {
  display: block;
  content: "";
  padding-top: 56.25%;
}

.youtube-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 810px) {
    .header-text-base h1 {
			font-size:24px;
    }
}

@media screen and (max-width: 420px) {
    .header-text-base h1 {
			font-size:28px;
    }
		.footer p {
			font-size: 12px;
		}
		
		.header-text-products {
			left: 2%;
		}
		
		.header-text-home {
			top: 4%;
			margin: 0 auto;
			padding: 0 15px 0 15px;
		}
		
		.header-text-home img {
			position:absolute;
			left: -5%;
		}
}