/* CSS Document */
@import url("buttons.css");
/*@import url("blog.css");*/
 
body {
	  font-family: "Roboto", sans-serif;
	  font-weight: 400;
	  font-style: normal;
	color: #4A545E;
	font-size: 18px;
	line-height: 1.618em;
	padding-top: 110px; 
	
}
body {
/*  scroll-padding-top: 100px;  */
}
body.interior #main {margin-top: 2rem;}

html {
/*  scroll-padding-top: 100px;  */
}

a:not(.btn) {
  color: #D8AE34; text-decoration: none;
}
a:not(.btn):hover {
  color: #D8AE34;
}
.gold {color: #D8AE34}
h1, h2, h3, h4, h5, h6 { 
	font-family: "DM Serif Display", serif;
  	font-weight: 400;
  	font-style: normal;
	color: #2D363F;
	line-height: 1.2em;
}

h1 {
	font-size: 36px;
	color: #D8AE34;
}
h2 {
	font-size: 32px;
}

h3 {
	font-size: 22px;
}

h4 {
	font-size: 20px;
}
h4 {
	font-size: 18px;
}
h4 {
	font-size: 14px;
}



/* div.page-header h2 {font-size: 1.8em;  padding-bottom: .5em; border-bottom: solid 1px #333;} */


img {
    display: block;
    max-width: 100%;
	height: auto;
}
input {color: #333;}

.breadcrumb {
	padding: 8px 15px;
	margin: 0 0 18px;
	list-style: none;
	background-color: #f5f5f5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.breadcrumb > li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-shadow: 0 1px 0 #fff;
}
.breadcrumb > li > .divider {
	padding: 0 5px;
	color: #ccc;
}
.breadcrumb > .active {
	color: #999;
}
.breadcrumb {
	margin: 10px 0;
}
.breadcrumb > li,
.breadcrumb > .active {
	color: #515151;
}



.bg-dark {
    background-color: #252525 !important;
}

nav { 
	min-height: 100px; 
	padding:0;
	background: #000;
	border-bottom: solid 2px #D8AE34;
}


.navbar {padding: .25rem 0;}
.navbar-nav { text-transform: uppercase; }

.logo {height: 100px;}
.navbar-brand {margin: 0; padding: 0;}

.navbar-collapse {flex-grow: inherit;}
.navbar-nav > li > a 
{
    padding: 0;
    margin: 0;
    vertical-align: bottom;
}
.navbar-nav { }
.navbar-toggler {border: 1px solid #fff;}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 1);
}
nav .btn  {padding: .4rem!important; margin-top: -.5rem !important;}

@media (max-width: 992px) {
	.nav-item {text-align: center;}
}
@media (min-width: 576px) { 
	.navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
	}
}
@media (max-width: 576px) { 
	.nav-item {text-align: right;}
	nav .btn  { margin: 1rem 0 !important;}	
}

#slider img {width: 100%;}
#slider {padding: 0; margin: 0;}
section {margin: 2rem 0;}

#passion {
	background: url("../images/are-you-ready.webp") #000 left center no-repeat;
	background-size: contain;
	padding: 1.5rem 0;
	color: #fff;
}
#zoom {background: #202020;  color: #fff; margin-bottom: 0; padding: 1.5rem 0;}
#zoom h1 {color: #D8AE34; text-transform: uppercase; font-size: 2rem; text-align: center;}
#zoom h2 {color: #fff; text-transform: uppercase; font-size: 1.8rem; text-align: center; margin: 1rem 0;}
#zoom .row {margin: 1rem 0; background: #000;}
.zoom-groom {color: #D8AE34; text-transform: uppercase; font-size: 1.5rem; font-weight: bold; text-align: center;}
.press {color: #D8AE34; text-transform: uppercase; font-size: 1.2rem; text-align: center;}
#zoom .col-sm-5 img {height: 100%;}
#zoom .col-sm-5  {padding:0;}
#zoom .col-sm-7 {padding: 1rem 0;}


#training {margin: 0;}

#training, #faq {background: #f2f2f2; padding: 2rem 0; margin-bottom: 0;}
#passion h2, #training h2, #enroll h3 {color: #D8AE34;}

#enroll {background: #000; padding: 1.5rem 0; margin: 0; color: #fff;}

#why {margin: 0; padding: 0;}
.grey-bg {background: #f2f2f2; padding: 2rem 0;}
#why h2 {margin-bottom: 1.5rem;}
#why img {min-width: 100%;}

@media (max-width: 576px) { 
	#passion{
	background: url("../images/are-you-ready.webp") rgba(0, 0, 0, 0.6);
	background-size: cover;
		background-position: center center;
	background-blend-mode: multiply;
	}
}
#start h3 {text-align: center;}
#main {}



.bannergroup {display: flex; justify-content: space-evenly; position: relative;}
.banneritem {width: 300px; height: 300px;}

@media (max-width: 767px) { 
	.bannergroup {flex-direction: column;align-items: center;}
	.banneritem:last-of-type {display: none;}
}
.sponsor {background: url("../images/helmets-bg.webp") center center no-repeat; background-size: cover;  padding: 2rem 0; margin-top: 1rem; margin-bottom: 1rem;}
.sponsor h3 {color: #fff; text-align: center;text-transform: uppercase; margin:0 0 1rem;}


.align-right {float: right;}
figcaption {text-align: center;}


footer {
	color: #fff;
	background-color: #000;
	padding: 1rem 0;
	margin-top: 4rem;
	border-top: 2px solid #D8AE34;
}
.footer2 {
    position: relative;
}
.footer3 {
}
footer h2, footer h3 {color: #fff; text-transform: uppercase;}
.foooter2 h3 {font-size: 1.8rem; }
.footer1 {margin-top: 30px;}
.footer3 {margin-top: 30px; text-align: right;}

footer i {color: #00b4fb; font-size: 3em; vertical-align: middle; }
footer .fab:hover {color: #252525;} 
footer a:link, footer a:visited,footer a:active { color: #fff;}
footer a:hover { color: #ddd !important; text-decoration: none !important;}

div.copyright {margin: 30px auto 0; text-align: center;}
.copyright p {margin: 0;}

.ccomment-menu .pull-left {float: none;}


@media (max-width:901px) {
	
	footer {background-position: top center;}

}
@media (max-width:767px) { 
	footer i {font-size: 1.5em;}
	footer {text-align: center;padding: 10px 0; }
}