/* Required height of parents of the Full Page Carousel for proper displaying carousel itself */
html,
body,
.view {
	height: 100%; 
	}

body {
	background: #ffffff;
	color: #082745;
	font-family: 'Lato', sans-serif;
	}

/*For generic website - for MTB use Orange for cycling use green*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "rift-soft", sans-serif !important; 
}

h1 {
	font-size: 60pt !important;
}

h2 {
	font-size: 40pt !important;
}

i.fa {
	colour:#a4cd39 !important;
}

a {
	colour:#a4cd39 !important;
}


/* Full Page Carousel itself*/
.carousel {
	height: 80%; 
	}
.carousel .carousel-inner {
	height: 100%; 
	}
.carousel .carousel-inner .carousel-item, .carousel .carousel-inner .active {
	height: 100%; 
	}

/* Navbar animation */
.navbar {
  background-color: rgba(0, 0, 0, 0.2); }

.top-nav-collapse {
  	background-color: #1C2331;
	}

.index-alpine-one {
	background: url("../img/index/mountain-view-main.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	}

.index-alpine-two {
	background: url("../img/index/sunset-mtb-main.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	}

.index-alpine-three {
	background: url("../img/index/road-cycling-main.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	}

.mtb-main {
	background: url("../img/Heading-mountain-bike.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	}

.comp {
	background: url("../img/mtb/mtb-bike-comp.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	}

.hotel-main {
	background: url("../img/hotels/1520x800_main_hotels.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	}

#processing, #complete {
	display: none;
	}

.how-background {
	background: url("../img/steps/section-steps.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	}


.img-fluid {
    max-width: 75%;
    }








/* Footer color for sake of consistency with Navbar */
.page-footer {
  background-color: #1C2331; }




/*Media Queries*/

/* Adding color to the Navbar on mobile */
@media only screen and (max-width: 768px) {
	.navbar {
		background-color: #1C2331; 
		}
	}