/* global */
body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; color: #303030; font-family: 'Open Sans', sans-serif }
.no-scroll { overflow: hidden }
.overlay { background-color: rgba(0, 0, 0, 0.7); display: none; height: 100vh; opacity: 0; position: fixed; transition: all 0.5s ease-in-out; width: 100vw; z-index: 998 }
	.overlay.active { display: block; opacity: 1 }
.space-10 { height: 10px } .space-20 { height: 20px }
a { text-decoration: none !important }
header { padding: 15px 0 20px 0 }
	header #header-logo { display: block; padding-top: 5px }
	header #header-contact a { color: #646666; font-size: 28px; font-weight: 700 }
		header #header-contact a i { color: #4267B2; font-size: 38px; padding-left: 10px; position: relative; top: 3px }
	header .navbar { padding: 15px 0 0 0 }
		header .navbar .nav-item { margin-left: 5px }
			header .navbar .nav-item .nav-link { -moz-border-radius: 3px; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-border-radius: 3px; -webkit-transition: 0.3s; background-color: #8D8D8D; border-radius: 3px; color: #FFF; font-size: 15px; padding: 2px 8px 3px 8px; text-transform: uppercase; transition: 0.3s }
			header .navbar .nav-item.active .nav-link, header .navbar .nav-item .nav-link:hover { background-color: #A21D21 }
#testimonials-spacer { background-color: #EDEDED; height: 200px }
#testimonials .carousel { height: 290px }
#testimonials .container { position: relative }
#testimonials .testimonial-text { width: 80% }
#testimonials p { font-size: 21px; font-style: italic; margin: 0; text-align: center }
	#testimonials p small { color: #A21D21; display: block; font-size: 16px; font-style: normal; padding-top: 20px; text-transform: uppercase }
#testimonials img { display: block; position: absolute; right: 30px; top: -50px; width: 300px }
#testimonials .carousel-control-prev, #testimonials .carousel-control-next { color: #000; font-size: 36px; opacity: 0.25; width: 5% }
#testimonials .carousel-control-prev:hover, #testimonials .carousel-control-next:hover { color: #000; opacity: 0.75 }
#testimonials .carousel-control-prev { justify-content: flex-start }
#testimonials .carousel-control-next { justify-content: flex-end }
footer { background-color: #EDEDED; padding: 100px 0 40px 0 }
	footer #footer-logo { display: block }
	footer #footer-contact { padding-top: 5px }
		footer #footer-contact a { color: #303030; display: block; font-size: 34px; font-weight: 700; line-height: 26px; padding-left: 20px }
			footer #footer-contact a.email-mask-text { font-size: 18px; font-weight: 400 }
	footer #footer-facebook { display: block; margin: 5px 0 0 30px; width: 200px }
	footer #footer-share { padding-top: 6px }
		footer #footer-share p { font-size: 14px; line-height: 14px; margin: 0; padding-top: 5px; text-transform: uppercase }
		footer #footer-share a { font-size: 49px; line-height: 0; padding-left: 8px }
			footer #footer-share a .fa-facebook-square { color: #4267B2 }
			footer #footer-share a .fa-twitter-square { color: #1DA1F2 }
	footer #footer-links { font-size: 15px; padding-top: 30px; text-align: center; text-transform: uppercase }
		footer #footer-links a { color: #303030; padding: 0 10px }
		footer #footer-links .btn { background-color: #A21D21; color: #FFF; display: block; font-size: 18px; margin: 20px auto; padding: 5px 0; width: 190px }
#footer-bottom { background-color: #2D2D2E; border-top: 1px solid #707070; color: #FFF; font-size: 15px; font-weight: 300; padding: 10px 0 }
	#footer-bottom #footer-bottom-designed { text-align: right }
		#footer-bottom #footer-bottom-designed img { padding-left: 5px; position: relative; top: -1px; width: 220px }

		#footer-head-office { text-transform: uppercase; font-size: 14px; text-align: center; margin-top: 30px; }

		#new-driver-advert { margin-bottom: 30px; }

/* home */
#home-banner { -moz-background-size: cover; -webkit-background-size: cover; background: url('/img/home/banner-caravan-training-3.jpg') no-repeat center; background-size: cover; height: 700px }
	#home-banner .container { height: 100%; position: relative }
	#home-banner #home-banner-title { -moz-border-radius: 8px; -webkit-backdrop-filter: blur(15px); -webkit-border-radius: 8px; backdrop-filter: blur(15px); background-color: rgba(255, 255, 255, 0.05); border-radius: 8px; bottom: 70px; color: #FFF; padding: 15px 30px; position: absolute; right: 15px; text-align: center }
		#home-banner #home-banner-title h2 { font-size: 40px; font-weight: 700; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); text-transform: uppercase }
			#home-banner #home-banner-title h2 small { display: block; font-size: 32px; font-weight: 400; text-transform: none }
				#home-banner #home-banner-title h2 small strong { font-size: 700 }
#home-intro { -moz-box-shadow: inset 0px 120px 0px 0px #A21D21; -webkit-box-shadow: inset 0px 120px 0px 0px #A21D21; border-top: 3px solid #FFF; box-shadow: inset 0px 120px 0px 0px #A21D21; padding-bottom: 30px }
	#home-intro #home-intro-dave { padding-top: 22px }
		#home-intro #home-intro-dave img { border: 3px solid #FFF }
		#home-intro #home-intro-dave p { font-size: 18px; font-weight: 700; margin: 0; padding: 12px 0 0 0; text-align: center }
			#home-intro #home-intro-dave p small { display: block; font-size: 12px; font-weight: 400; text-transform: uppercase }
	#home-intro h1 { color: #FFF; font-size: 36px; margin: 0; padding: 25px 0 53px 0; text-align: center }
		#home-intro h1 strong { font-weight: 800 }
	#home-intro h2 { font-size: 24px; margin: 0; padding-bottom: 17px }
		#home-intro h2 strong { font-size: 700 }
	#home-intro p { font-size: 17px; margin: 0; padding-bottom: 12px }
		#home-intro p a { color: #303030; font-weight: 800 }
#home-lessons { background-color: #EDEDED; padding: 50px 0 90px 0 }
	#home-lessons #banner { -moz-border-radius: 8px; -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); -webkit-border-radius: 8px; -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); background-color: #2D800A; border-radius: 8px; box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); color: #FFF; margin-bottom: 35px; padding: 30px 0 35px 0; text-align: center }
		#home-lessons #banner h3 { font-size: 46px; font-weight: 800; margin: 0 }
	
	#home-lessons #law-changes { -moz-border-radius: 8px; -webkit-border-radius: 8px; background-color: #FFF; border: 6px solid #303030; border-radius: 8px; margin-bottom: 30px; padding: 30px 30px 20px 30px }
		#home-lessons #law-changes h2 { font-size: 42px; font-weight: 800; margin: 0; padding-bottom: 5px; text-transform: uppercase }
		#home-lessons #law-changes h3 { font-size: 24px; font-weight: 700; margin: 0; padding-bottom: 10px }
		#home-lessons #law-changes p { font-size: 17px; margin: 0; padding-bottom: 10px }
			#home-lessons #law-changes p.lead { font-size: 22px; font-weight: 400 }
		#home-lessons #law-changes hr { background-color: #707070; margin-bottom: 25px }
	#home-lessons #critical { -moz-border-radius: 8px; -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); -webkit-border-radius: 8px; -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); background: url('/img/home/critical.jpg') no-repeat left center; background-size: 600px; border-radius: 8px; box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); margin-bottom: 35px; overflow: hidden }
		#home-lessons #critical #critical-text { background-color: #FFF }
		#home-lessons #critical img { display: none }
		#home-lessons #critical h3 { background-color: #A21D21; color: #FFF; font-size: 30px; font-weight: 800; line-height: 30px; margin: 0 0 25px 0; padding: 20px 30px; text-transform: uppercase }
		#home-lessons #critical h4 { font-size: 26px; font-weight: 800; margin: 0; padding: 0 30px }
		#home-lessons #critical h5 { background-color: #444444; color: #FFF; font-size: 27px; font-weight: 800; margin: 30px 0 0 0; padding: 20px 30px }
		#home-lessons #critical p { font-size: 20px; margin: 0; padding: 0 30px 15px 30px }
			#home-lessons #critical p.lead { font-size: 22px; font-weight: 700; line-height: 30px }
	#home-lessons #complete-course { -moz-border-radius: 8px; -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); -webkit-border-radius: 8px; -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); background: url('/img/home/complete-training-course.jpg') no-repeat right top; background-size: 600px; border-radius: 8px; box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); margin-bottom: 35px; overflow: hidden }
		#home-lessons #complete-course #complete-course-text { background-color: #FFF; padding-bottom: 5px }
		#home-lessons #complete-course img { display: none }
		#home-lessons #complete-course h3 { background-color: #2D800A; color: #FFF; font-size: 28px; font-weight: 800; line-height: 28px; margin: 0 0 20px 0; padding: 20px 30px; text-transform: uppercase }
		#home-lessons #complete-course h4 { color: #2D800A; font-size: 21px; font-weight: 800; margin: 0; padding: 0 30px 15px 30px }
			#home-lessons #complete-course h4 em { color: #303030; font-size: 17px }
		#home-lessons #complete-course p { font-size: 17px; margin: 0; padding: 0 30px 15px 30px }
			#home-lessons #complete-course p.lead { font-size: 22px; font-weight: 800; line-height: 30px }
			#home-lessons #complete-course p small { color: #D51717; font-size: 14px }
		#home-lessons #complete-course #complete-course-footer { background-color: #444444; color: #FFF; padding: 10px 30px 12px 30px }
			#home-lessons #complete-course #complete-course-footer p { font-size: 19px; font-weight: 300; margin: 0; padding: 0; text-transform: uppercase }
				#home-lessons #complete-course #complete-course-footer p strong { font-size: 26px; font-weight: 800 }
				#home-lessons #complete-course #complete-course-footer p span { font-weight: 800 }
				#home-lessons #complete-course #complete-course-footer p a { color: #FFF; font-size: 26px; font-weight: 800 }
	#home-lessons #all-courses { -moz-border-radius: 8px; -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); -webkit-border-radius: 8px; -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); background-color: #E69B18; border-radius: 8px; box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); margin-bottom: 35px; overflow: hidden; padding: 20px 30px 23px 30px }
		#home-lessons #all-courses p { font-size: 24px; font-weight: 800; margin: 0 }
	#home-lessons #ebook { -moz-border-radius: 8px; -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); -webkit-border-radius: 8px; -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); background-color: #C7C7C7; border-radius: 8px; box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); margin-bottom: 35px; overflow: hidden; padding: 15px }
		#home-lessons #ebook h3 { font-size: 38px; font-weight: 800; margin: 0; padding: 12px 0 10px 0 }
		#home-lessons #ebook p { font-size: 18px; margin: 0 }
		#home-lessons #ebook #ebook-text { margin-left: -15px }
	#home-lessons #based-south-west { -moz-border-radius: 8px; -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); -webkit-border-radius: 8px; -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); background-color: #E69B18; border-radius: 8px; box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); margin-bottom: 35px; overflow: hidden; padding: 15px 20px 18px 20px }
		#home-lessons #based-south-west p { font-size: 22px; font-weight: 700; margin: 0 }
	#home-lessons .home-lesson { -moz-border-radius: 8px; -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); -webkit-border-radius: 8px; -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); background-color: #FFF; border-radius: 8px; box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); margin-bottom: 35px; padding: 0 20px; position: relative }
		#home-lessons .home-lesson h3 { font-size: 29px; margin: 0; padding: 20px 0 15px 0 }
			#home-lessons .home-lesson h3.home-lesson-header { -moz-border-top-left-radius: 8px; -moz-border-top-right-radius: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; color: #FFF; font-size: 29px; font-weight: 800; margin: 0 -20px 20px -20px; padding: 10px 20px; text-transform: uppercase }
		#home-lessons .home-lesson h4 { -moz-border-bottom-left-radius: 8px; -moz-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; background-color: #444444; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; color: #FFF; font-size: 18px; font-weight: 300; margin: 20px -20px 0 -20px; padding: 10px 20px; text-transform: uppercase }
			#home-lessons .home-lesson h4 strong, #home-lessons .home-lesson h4 a { color: #FFF; font-size: 26px; font-weight: 800 }
			#home-lessons .home-lesson h4 br { display: none }
		#home-lessons .home-lesson h5 { color: #A21D21; font-size: 22px; font-weight: 800; margin: 0; padding-bottom: 10px; text-transform: uppercase }
		#home-lessons .home-lesson p { font-size: 16px; margin: 0; padding-bottom: 5px }
			#home-lessons .home-lesson p small { color: #D51717; font-size: 13px }
		#home-lessons .home-lesson ul { font-size: 16px; list-style: none; margin: 0; padding: 0 0 20px 0 }
			#home-lessons .home-lesson ul li { padding: 0 0 8px 26px }
			#home-lessons .home-lesson ul li:before { content: '\f00c'; font-family: 'Font Awesome 5 Pro'; margin: 0 5px 0 -26px }
				#home-lessons .home-lesson ul li a { color: #FFF; font-weight: 700 }
		#home-lessons .home-lesson .new { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #D51717; border: 3px solid #FFF; border-radius: 3px; color: #FFF; font-size: 20px; font-weight: 600; left: 20px; padding: 0 10px; position: absolute; text-transform: uppercase; top: -28px }
	#home-lessons #home-lesson-1 h3 { background-color: #2D800A }
	#home-lessons #home-lesson-2 { background-color: #E69B18 }
	#home-lessons #home-lesson-3 { background-color: #365D95; color: #FFF }
	#home-lessons #home-lesson-4 h3 { background-color: #A21D21 }
	#home-lessons #home-lesson-5 h3 { background-color: #8723A6 }
	#home-lessons #home-lesson-6 { background-color: #1D8F19; color: #FFF }
	#home-lessons #home-lesson-trailer { padding-bottom: 15px }
		#home-lessons #home-lesson-trailer h3 { font-size: 28px; font-weight: 700; text-transform: uppercase }
		#home-lessons #home-lesson-trailer p { font-size: 14px }
		#home-lessons #home-lesson-trailer #home-lesson-trailer-right { height: 100%; margin-left: -20px; position: relative }
		#home-lessons #home-lesson-trailer img { margin-top: 25px }
		#home-lessons #home-lesson-trailer .btn { background-color: #365D95; bottom: 10px; color: #FFF; font-size: 18px; position: absolute; right: 0 }
	#home-lessons #home-lesson-safeguard { padding-bottom: 15px; padding-top: 20px }

	#home-intro #bullet-points { font-weight: 700; text-align: center; margin: 20px 0; }
		#home-intro #bullet-points p { font-size: 24px; line-height: 24px;  }
		#home-intro #bullet-points i { color: #2D800A; }

		.dealership-approved { text-align: center; font-size: 32px; line-height: 1.2em; background-color: #000000; color: #fff; padding: 20px; margin-bottom: 30px; margin-top: 10px; font-weight: 700; }

	#bullet-points { font-weight: 700; text-align: center; margin-bottom: 40px; }
		#bullet-points p { font-size: 24px; line-height: 24px;  }
		#bullet-points i { color: #2D800A; }	


#lessons-new .home-lesson { -moz-border-radius: 8px; -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); -webkit-border-radius: 8px; -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); background-color: #FFF; border-radius: 8px; box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); margin-bottom: 35px; padding: 0 20px; position: relative }
		#lessons-new .home-lesson h3 { font-size: 29px; margin: 0; padding: 20px 0 15px 0 }
			#lessons-new .home-lesson h3.home-lesson-header { -moz-border-top-left-radius: 8px; -moz-border-top-right-radius: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; color: #FFF; font-size: 29px; font-weight: 800; margin: 0 -20px 20px -20px; padding: 10px 20px; text-transform: uppercase }
		#lessons-new .home-lesson h4 { -moz-border-bottom-left-radius: 8px; -moz-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; background-color: #444444; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; color: #FFF; font-size: 18px; font-weight: 300; margin: 20px -20px 0 -20px; padding: 10px 20px; text-transform: uppercase }
			#lessons-new .home-lesson h4 strong, #home-lessons .home-lesson h4 a { color: #FFF; font-size: 26px; font-weight: 800 }
			#lessons-new .home-lesson h4 br { display: none }
		#lessons-new .home-lesson h5 { color: #A21D21; font-size: 22px; font-weight: 800; margin: 0; padding-bottom: 10px; text-transform: uppercase }
		#lessons-new .home-lesson p { font-size: 16px; margin: 0; padding-bottom: 5px }
			#lessons-new .home-lesson p small { color: #D51717; font-size: 13px }
		#lessons-new .home-lesson ul { font-size: 16px; list-style: none; margin: 0; padding: 0 0 20px 0 }
			#lessons-new .home-lesson ul li { padding: 0 0 8px 26px }
			#lessons-new .home-lesson ul li:before { content: '\f00c'; font-family: 'Font Awesome 5 Pro'; margin: 0 5px 0 -26px }
				#lessons-new .home-lesson ul li a { color: #FFF; font-weight: 700 }
		#lessons-new .home-lesson .new { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #D51717; border: 3px solid #FFF; border-radius: 3px; color: #FFF; font-size: 20px; font-weight: 600; left: 20px; padding: 0 10px; position: absolute; text-transform: uppercase; top: -28px }
	#lessons-new #home-lesson-1 h3 { background-color: #2D800A }
	#lessons-new #home-lesson-2 { background-color: #E69B18 }
	#lessons-new #home-lesson-3 { background-color: #365D95; color: #FFF }
	#lessons-new #home-lesson-4 h3 { background-color: #A21D21 }
	#lessons-new #home-lesson-5 h3 { background-color: #8723A6 }
	#lessons-new #home-lesson-6 { background-color: #1D8F19; color: #FFF }
	#lessons-new #home-lesson-trailer { padding-bottom: 15px }
		#lessons-new #home-lesson-trailer h3 { font-size: 28px; font-weight: 700; text-transform: uppercase }
		#lessons-new #home-lesson-trailer p { font-size: 14px }
		#lessons-new #home-lesson-trailer #home-lesson-trailer-right { height: 100%; margin-left: -20px; position: relative }
		#lessons-new #home-lesson-trailer img { margin-top: 25px }
		#lessons-new #home-lesson-trailer .btn { background-color: #365D95; bottom: 10px; color: #FFF; font-size: 18px; position: absolute; right: 0 }
	#lessons-new #home-lesson-safeguard { padding-bottom: 15px; padding-top: 20px }

#main-caravan-title { text-align: center; font-weight: 700; font-size: 34px; line-height: 1.2em; color: #A21D21; }

/* lessons */
#lessons-banner { -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; height: 420px }
	#lessons-banner.caravan-towing { background: url('/img/lessons/banner-caravan-towing-lessons-3.jpg') no-repeat center }
	#lessons-banner.contact-dave { background: url('/img/lessons/banner-contact-dave.jpg') no-repeat center }
	#lessons-banner.generic { background: url('/img/lessons/banner-example-dave.jpg') no-repeat center }
	#lessons-banner .container { height: 100%; position: relative }
	#lessons-banner #lessons-banner-title { -moz-border-radius: 8px; -webkit-backdrop-filter: blur(15px); -webkit-border-radius: 8px; backdrop-filter: blur(15px); background-color: rgba(255, 255, 255, 0.05); border-radius: 8px; bottom: 70px; color: #FFF; left: 15px; padding: 15px 30px; position: absolute; text-align: center }
		#lessons-banner #lessons-banner-title h2 { font-size: 40px; font-weight: 700; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); text-transform: uppercase }
			#lessons-banner #lessons-banner-title h2 small { display: block; font-size: 32px; font-weight: 400; text-transform: none }
				#lessons-banner #lessons-banner-title h2 small strong { font-size: 700 }
#lessons-header { background-color: #A21D21; border-top: 3px solid #FFF; color: #FFF; padding: 30px 0 34px 0; text-align: center }
	#lessons-header h1 { font-size: 25px; margin: 0 }
		#lessons-header h1 strong { font-weight: 700 }
		#lessons-header h1 i { font-size: 40px; line-height: 0; padding-right: 5px; position: relative; top: 8px }
#lessons-content { background-color: #EDEDED }
	#lessons-content h2 { font-size: 22px; font-weight: 600; margin: 0; padding-bottom: 15px }
	#lessons-content h3 { color: #A21D21; font-size: 28px; font-weight: 800; margin: 0; padding-bottom: 15px }
	#lessons-content h5 { color: #A21D21; font-size: 26px; font-weight: 700; margin: 0; padding: 30px 0 0 0; text-align: center }
	#lessons-content p { font-size: 16px; margin: 0; padding-bottom: 15px }
	#lessons-content ul { font-size: 16px; font-weight: 600; list-style: none; margin: 0; padding: 0 0 15px 0 }
		#lessons-content ul li { padding: 0 0 8px 26px }
		#lessons-content ul li:before { color: #1D8F19; content: '\f00c'; font-family: 'Font Awesome 5 Pro'; margin: 0 5px 0 -26px }
	#lessons-content .embed-responsive { margin: 5px 0 25px 0 }
	#lessons-content .lesson { -moz-border-radius: 8px; -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); -webkit-border-radius: 8px; -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); background-color: #FFF; border-radius: 8px; box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); margin-bottom: 35px; padding: 0 20px; position: relative }
		#lessons-content .lesson h3 { font-size: 29px; margin: 0; padding: 20px 0 15px 0 }
			#lessons-content .lesson h3.lesson-header { -moz-border-top-left-radius: 8px; -moz-border-top-right-radius: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; color: #FFF; font-size: 29px; font-weight: 800; margin: 0 -20px 20px -20px; padding: 10px 20px; text-transform: uppercase }
				#lessons-content .lesson h3.lesson-header.lesson-header-small { font-size: 27px }
		#lessons-content .lesson h4 { -moz-border-bottom-left-radius: 8px; -moz-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; background-color: #828282; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; color: #FFF; font-size: 18px; font-weight: 300; margin: 20px -20px 0 -20px; padding: 10px 20px; text-transform: uppercase }
			#lessons-content .lesson h4 strong, #lessons-content .lesson h4 a { color: #FFF; font-size: 26px; font-weight: 800 }
			#lessons-content .lesson h4 br { display: none }
		#lessons-content .lesson h5 { color: #A21D21; font-size: 22px; font-weight: 800; margin: 0; padding-bottom: 10px; padding-top: 0; text-align: left; text-transform: uppercase }
		#lessons-content .lesson p { font-size: 16px; margin: 0; padding-bottom: 5px }
			#lessons-content .lesson p small { color: #D51717; font-size: 13px }
		#lessons-content .lesson ul { font-size: 16px; list-style: none; margin: 0; padding: 0 0 20px 0 }
			#lessons-content .lesson ul li { padding: 0 0 8px 26px }
			#lessons-content .lesson ul li:before { content: '\f00c'; font-family: 'Font Awesome 5 Pro'; margin: 0 5px 0 -26px }
				#lessons-content .lesson ul li a { color: #FFF; font-weight: 700 }
		#lessons-content .lesson .new { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #D51717; border: 3px solid #FFF; border-radius: 3px; color: #FFF; font-size: 20px; font-weight: 600; left: 20px; padding: 0 10px; position: absolute; text-transform: uppercase; top: -28px }
	#lessons-content #lesson-warning { margin-top: 10px; padding-bottom: 15px }
		#lessons-content #lesson-warning h3 { color: #D51717; font-weight: 800; text-transform: uppercase }
	#lessons-content #lesson-1 h3 { background-color: #1D8F19 }
	#lessons-content #lesson-2 h3 { background-color: #A21D21 }
	#lessons-content #lesson-3 h3 { background-color: #8723A6 }
#lessons-new { background-color: #EDEDED; padding: 50px 0 1px 0 }
	#lessons-new #banner { -moz-border-radius: 8px; -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); -webkit-border-radius: 8px; -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); background-color: #2D800A; border-radius: 8px; box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); color: #FFF; margin-bottom: 35px; padding: 30px 0 35px 0; text-align: center }
		#lessons-new #banner h3 { font-size: 46px; font-weight: 800; margin: 0 }
	#lessons-new #law-changes { -moz-border-radius: 8px; -webkit-border-radius: 8px; background-color: #FFF; border: 6px solid #303030; border-radius: 8px; margin-bottom: 30px; padding: 30px 30px 20px 30px }
		#lessons-new #law-changes h2 { font-size: 42px; font-weight: 800; margin: 0; padding-bottom: 5px; text-transform: uppercase }
		#lessons-new #law-changes h3 { font-size: 24px; font-weight: 700; margin: 0; padding-bottom: 10px }
		#lessons-new #law-changes p { font-size: 17px; margin: 0; padding-bottom: 10px }
			#lessons-new #law-changes p.lead { font-size: 22px; font-weight: 400 }
		#lessons-new #law-changes hr { background-color: #707070; margin-bottom: 25px }
	#lessons-new #critical { -moz-border-radius: 8px; -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); -webkit-border-radius: 8px; -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); background: url('/img/home/critical.jpg') no-repeat left center; background-size: 600px; border-radius: 8px; box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); margin-bottom: 35px; overflow: hidden }
		#lessons-new #critical #critical-text { background-color: #FFF }
		#lessons-new #critical img { display: none }
		#lessons-new #critical h3 { background-color: #A21D21; color: #FFF; font-size: 30px; font-weight: 800; line-height: 30px; margin: 0 0 25px 0; padding: 20px 30px; text-transform: uppercase }
		#lessons-new #critical h4 { font-size: 26px; font-weight: 800; margin: 0; padding: 0 30px }
		#lessons-new #critical h5 { background-color: #444444; color: #FFF; font-size: 27px; font-weight: 800; margin: 30px 0 0 0; padding: 20px 30px }
		#lessons-new #critical p { font-size: 20px; margin: 0; padding: 0 30px 15px 30px }
			#lessons-new #critical p.lead { font-size: 22px; font-weight: 700; line-height: 30px }
	#lessons-new #complete-course { -moz-border-radius: 8px; -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); -webkit-border-radius: 8px; -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); background: url('/img/home/complete-training-course.jpg') no-repeat right top; background-size: 600px; border-radius: 8px; box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); margin-bottom: 35px; overflow: hidden }
		#lessons-new #complete-course #complete-course-text { background-color: #FFF; padding-bottom: 5px }
		#lessons-new #complete-course img { display: none }
		#lessons-new #complete-course h3 { background-color: #2D800A; color: #FFF; font-size: 28px; font-weight: 800; line-height: 28px; margin: 0 0 20px 0; padding: 20px 30px; text-transform: uppercase }
		#lessons-new #complete-course h4 { color: #2D800A; font-size: 21px; font-weight: 800; margin: 0; padding: 0 30px 15px 30px }
			#lessons-new #complete-course h4 em { color: #303030; font-size: 17px }
		#lessons-new #complete-course p { font-size: 17px; margin: 0; padding: 0 30px 15px 30px }
			#lessons-new #complete-course p.lead { font-size: 22px; font-weight: 800; line-height: 30px }
			#lessons-new #complete-course p small { color: #D51717; font-size: 14px }
		#lessons-new #complete-course #complete-course-footer { background-color: #444444; color: #FFF; padding: 10px 30px 12px 30px }
			#lessons-new #complete-course #complete-course-footer p { font-size: 19px; font-weight: 300; margin: 0; padding: 0; text-transform: uppercase }
				#lessons-new #complete-course #complete-course-footer p strong { font-size: 26px; font-weight: 800 }
				#lessons-new #complete-course #complete-course-footer p span { font-weight: 800 }
				#lessons-new #complete-course #complete-course-footer p a { color: #FFF; font-size: 26px; font-weight: 800 }
#lessons-about { background-color: #A21D21; color: #FFF; padding: 20px 0 25px 0; text-align: center }
	#lessons-about .container { position: relative }
	#lessons-about h3 { font-size: 26px; margin: 0 }
		#lessons-about h3 strong { font-weight: 800 }
	#lessons-about #lessons-about-dave { border: 3px solid #FFF; left: 0; position: absolute; top: -77px; width: 250px }
	#lessons-about #lessons-about-licence { position: absolute; right: 0; top: -70px; width: 250px }
#lessons-included { background-color: #EDEDED; padding: 0 0 145px 0 }
	#lessons-included .included { -moz-border-radius: 8px; -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); -webkit-border-radius: 8px; -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); background-color: #FFF; border-radius: 8px; box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); height: 100%; padding: 0 20px; position: relative }
		#lessons-included .included h3 { font-size: 32px; margin: 0; padding: 20px 0 15px 0 }
		#lessons-included .included p { font-size: 16px; margin: 0; padding-bottom: 5px }
		#lessons-included .included ul { font-size: 16px; list-style: none; margin: 0; padding: 0 0 20px 0 }
			#lessons-included .included ul li { padding: 0 0 8px 26px }
			#lessons-included .included ul li:before { content: '\f00c'; font-family: 'Font Awesome 5 Pro'; margin: 0 5px 0 -26px }
				#lessons-included .included ul li a { color: #FFF; font-weight: 700 }
	#lessons-included #included-1 { background-color: #E69B18 }
	#lessons-included #included-2 { background-color: #365D95; color: #FFF }

/* contact */
#contact-dave { background-color: #EDEDED; padding: 50px 0 80px 0 }
	#contact-dave p { font-size: 21px }
		#contact-dave p a { color: #303030; font-weight: 800 }
	#contact-dave address { font-size: 18px; line-height: 30px; margin: 0; padding: 20px 0 0 0 }
		#contact-dave address strong { font-size: 21px }
		#contact-dave address a { color: #303030; font-weight: 600 }
	#contact-dave label { font-size: 18px }
	#contact-dave button { background-color: #A21D21; color: #FFF; font-size: 18px }

/* terms and conditions */
#terms-and-conditions { background-color: #EDEDED; padding: 50px 0 80px 0 }
	#terms-and-conditions h2 { font-size: 24px; margin: 0; padding-bottom: 15px; text-transform: uppercase }
	#terms-and-conditions h3 { font-size: 19px; font-weight: 700; margin: 0; padding-bottom: 15px; text-transform: uppercase }
	#terms-and-conditions h4 { font-size: 18px; font-weight: 700; margin: 0; padding-bottom: 15px; text-transform: uppercase }
	#terms-and-conditions p { font-size: 18px; margin: 0; padding-bottom: 25px }
		#terms-and-conditions p a { color: #A21D21 }
	#terms-and-conditions ol { font-size: 18px; margin: 0; padding-bottom: 25px }
		#terms-and-conditions ol ol { padding-bottom: 0 }

/* make payment */
#form-payment p { text-align: center }
	#form-payment p br { display: none }
#form-payment img { margin: 20px 0 }
#form-payment button { margin-bottom: 30px }

/* sidebar */
#sidebar { -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s; background-color: #2D2D2E; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); color: #FFF; height: 100vh; left: -275px; overflow-y: scroll; position: fixed; top: 0; transition: all 0.3s; width: 275px; z-index: 999999 }
	#sidebar.active { left: 0 }
	#sidebar .sidebar-header { padding: 20px 10px 17px 10px }
		#sidebar .sidebar-header h3 { font-size: 28px }
	#sidebar #dismiss { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; background-color: #A21D21; color: #FFF; cursor: pointer; height: 35px; line-height: 35px; position: absolute; right: 10px; text-align: center; top: 20px; transition: all 0.3s; width: 35px }
	#sidebar #dismiss:hover { background-color: #FFF; color: #A21D21 }
	#sidebar ul { margin: 0 }
		#sidebar ul p { color: #FFF; padding: 10px }
		#sidebar ul li a { color: rgba(255,255,255, 0.5); display: block; font-size: 1.2em; padding: 10px; text-decoration: none !important }
		#sidebar ul li a:hover { color: #FFF }
		#sidebar ul li.active>a, #sidebar a[aria-expanded="true"] { background-color: #0566FF; color: #FFF !important }
	#sidebar a[data-toggle="collapse"] { position: relative }
	#sidebar .dropdown-toggle::after { display: block; position: absolute; right: 20px; top: 50%; transform: translateY(-50%) }

#radio-jingle { margin: 30px 0; }
#home-light-strapline img { margin: 30px 0; }




@media (max-width: 1589px) {
	/* home */
	#home-banner { height: 600px }

	/* lessons */
	#lessons-banner { height: 325px }
}

@media (max-width: 1199px) {
	/* global */
	header #header-logo { padding-top: 12px }
	header .navbar .nav-item .nav-link { font-size: 14px }
	#testimonials-spacer { height: 165px }
	#testimonials p { font-size: 18px }
		#testimonials p small { font-size: 14px }
	#testimonials img { top: -25px; width: 270px }
	footer #footer-contact { padding-top: 3px }
		footer #footer-contact a { font-size: 30px; line-height: 22px; padding-left: 0 }
			footer #footer-contact a.email-mask-text { font-size: 16px }
	footer #footer-facebook { margin: 0 0 0 30px; width: 160px }
	footer #footer-share { margin-top: -2px; padding-top: 0 }
	footer #footer-links { padding-top: 25px }
	#footer-bottom { font-size: 14px }
		#footer-bottom #footer-bottom-designed img { width: 200px }

	/* home */
	#home-banner { height: 500px }
		#home-banner #home-banner-title { bottom: 60px; padding: 10px 25px }
			#home-banner #home-banner-title h2 { font-size: 34px }
				#home-banner #home-banner-title h2 small { font-size: 28px }
	#home-intro h1 { font-size: 24px; padding-top: 30px }
	#home-intro h2 { font-size: 22px }
	#home-intro p { font-size: 16px }
	#home-lessons { padding-bottom: 50px }
		#home-lessons #banner { padding: 28px 0 30px 0 }
			#home-lessons #banner h3 { font-size: 38px }
		#home-lessons #law-changes h2 { font-size: 36px }
		#home-lessons #law-changes h3 { font-size: 22px }
		#home-lessons #law-changes p { font-size: 16px }
		#home-lessons #law-changes p.lead { font-size: 20px }
		#home-lessons #critical { background-size: 550px }
			#home-lessons #critical h3 { font-size: 26px; line-height: 26px; margin-bottom: 15px }
			#home-lessons #critical h4 { font-size: 21px }
			#home-lessons #critical h5 { font-size: 22px; margin-top: 20px }
			#home-lessons #critical p { font-size: 16px }
				#home-lessons #critical p.lead { font-size: 18px; line-height: 26px }
		#home-lessons #complete-course { background-size: 550px }
			#home-lessons #complete-course h3 { font-size: 23px; line-height: 23px }
			#home-lessons #complete-course h4 { font-size: 18px }
				#home-lessons #complete-course h4 em { font-size: 14px }
			#home-lessons #complete-course p { font-size: 14px }
				#home-lessons #complete-course p.lead { font-size: 18px; line-height: 26px }
				#home-lessons #complete-course p small { font-size: 13px }
			#home-lessons #complete-course #complete-course-footer p { font-size: 16px }
				#home-lessons #complete-course #complete-course-footer p strong { font-size: 22px }
				#home-lessons #complete-course #complete-course-footer p a { font-size: 22px }
		#home-lessons #all-courses p { font-size: 20px }
		#home-lessons #ebook h3 { font-size: 32px }
		#home-lessons #ebook p { font-size: 14px }
		#home-lessons #based-south-west p { font-size: 18px }
		#home-lessons .home-lesson h3 { font-size: 27px }
		#home-lessons .home-lesson h3.home-lesson-header { font-size: 23px }
		#home-lessons .home-lesson h4 { font-size: 16px }
			#home-lessons .home-lesson h4 strong, #home-lessons .home-lesson h4 a { font-size: 22px }
		#home-lessons .home-lesson h5 { font-size: 18px }
		#home-lessons .home-lesson p { font-size: 14px }
			#home-lessons .home-lesson p small { font-size: 12px }
		#home-lessons .home-lesson ul { font-size: 14px }
		#home-lessons .home-lesson .new { font-size: 18px; top: -26px }
		#home-lessons #home-lesson-trailer h3 { font-size: 24px }
		#home-lessons #home-lesson-trailer p { font-size: 13px }

	/* lessons */
	#lessons-banner { height: 250px }
		#lessons-banner.caravan-towing { background: url('/img/lessons/caravan-lessons-1200-2.jpg') no-repeat center }
		#lessons-banner.contact-dave { background: url('/img/lessons/caravan-contact-1200.jpg') no-repeat center }
		#lessons-banner.generic { background: url('/img/lessons/caravan-home-1200.jpg') no-repeat center }
		#lessons-banner #lessons-banner-title { bottom: 60px; padding: 10px 25px }
			#lessons-banner #lessons-banner-title h2 { font-size: 34px }
				#lessons-banner #lessons-banner-title h2 small { font-size: 28px }
	#lessons-header h1 { font-size: 21px }
		#lessons-header h1 i { font-size: 36px }
	#lessons-content h2 { font-size: 20px }
	#lessons-content h3 { font-size: 25px }
	#lessons-content h5 { font-size: 24px }
	#lessons-content p { font-size: 14px }
	#lessons-content ul { font-size: 14px }
	#lessons-content .lesson h3 { font-size: 27px }
		#lessons-content .lesson h3.lesson-header { font-size: 23px }
			#lessons-content .lesson h3.lesson-header.lesson-header-small { font-size: 22px }
	#lessons-content .lesson h4 { font-size: 16px }
		#lessons-content .lesson h4 strong, #lessons-content .lesson h4 a { font-size: 22px }
	#lessons-content .lesson h5 { font-size: 18px }
	#lessons-content .lesson p { font-size: 14px }
		#lessons-content .lesson p small { font-size: 12px }
	#lessons-content .lesson ul { font-size: 14px }
	#lessons-content .lesson .new { font-size: 18px; top: -26px }
	#lessons-new #banner { padding: 28px 0 30px 0 }
		#lessons-new #banner h3 { font-size: 38px }
	#lessons-new #law-changes h2 { font-size: 36px }
	#lessons-new #law-changes h3 { font-size: 22px }
	#lessons-new #law-changes p { font-size: 16px }
	#lessons-new #law-changes p.lead { font-size: 20px }
	#lessons-new #critical { background-size: 550px }
		#lessons-new #critical h3 { font-size: 26px; line-height: 26px; margin-bottom: 15px }
		#lessons-new #critical h4 { font-size: 21px }
		#lessons-new #critical h5 { font-size: 22px; margin-top: 20px }
		#lessons-new #critical p { font-size: 16px }
			#lessons-new #critical p.lead { font-size: 18px; line-height: 26px }
	#lessons-new #complete-course { background-size: 550px }
		#lessons-new #complete-course h3 { font-size: 23px; line-height: 23px }
		#lessons-new #complete-course h4 { font-size: 18px }
			#lessons-new #complete-course h4 em { font-size: 14px }
		#lessons-new #complete-course p { font-size: 14px }
			#lessons-new #complete-course p.lead { font-size: 18px; line-height: 26px }
			#lessons-new #complete-course p small { font-size: 13px }
		#lessons-new #complete-course #complete-course-footer p { font-size: 16px }
			#lessons-new #complete-course #complete-course-footer p strong { font-size: 22px }
			#lessons-new #complete-course #complete-course-footer p a { font-size: 22px }
	#lessons-about h3 { font-size: 22px }
	#lessons-about #lessons-about-dave { top: -70px; width: 220px }
	#lessons-about #lessons-about-licence { top: -65px; width: 220px }
	#lessons-included { padding: 0 0 120px 0 }
		#lessons-included .included h3 { font-size: 28px }
		#lessons-included .included p { font-size: 14px }
		#lessons-included .included ul { font-size: 14px }

	/* contact */
	#contact-dave p { font-size: 18px }
	#contact-dave address { font-size: 16px; line-height: 28px }
		#contact-dave address strong { font-size: 18px }
	#contact-dave label { font-size: 16px }
	#contact-dave button { font-size: 16px }

	/* terms and conditions */
	#terms-and-conditions h2 { font-size: 22px }
	#terms-and-conditions h3 { font-size: 17px }
	#terms-and-conditions h4 { font-size: 16px }
	#terms-and-conditions p { font-size: 16px }
	#terms-and-conditions ol { font-size: 16px }
}

@media (max-width: 991px) {
	/* global */
	header { padding-bottom: 12px }
		header #header-logo { padding: 0 100px 10px 100px }
		header .navbar { margin-top: -58px }
			header .navbar #btn-sidebar { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; color: #646666; font-size: 32px; outline: none; padding: 0.25rem 1.5rem 0.25rem 0 }
		header #header-contact a { position: relative; z-index: 2 }
	#testimonials-spacer { display: none }
	#testimonials { padding-bottom: 30px }
		#testimonials img { margin: 0 auto; position: relative; right: auto; top: 0; width: 250px }
	footer { padding-top: 40px }
		footer #footer-logo { padding: 0 100px }
		footer #footer-contact { padding-top: 30px; text-align: center }
			footer #footer-contact a { font-size: 34px; line-height: 26px }
				footer #footer-contact a.email-mask-text { font-size: 18px; padding-right: 2px }
		footer #footer-facebook { margin: 30px auto 0 auto; width: 200px }
		footer #footer-share { padding-top: 30px }
	#footer-bottom { text-align: center }
		#footer-bottom #footer-bottom-designed { padding-top: 5px; text-align: center }

	/* home */
	#home-banner { height: 400px }
		#home-banner #home-banner-title { bottom: 50px }
			#home-banner #home-banner-title h2 { font-size: 30px }
				#home-banner #home-banner-title h2 small { font-size: 24px }
	#home-intro h1 { font-size: 26px; padding: 12px 0 10px 0 }
	#home-intro h2 { font-size: 20px }
	#home-intro p { font-size: 15px }
	#home-lessons { padding-bottom: 20px }
		#home-lessons #banner { padding: 22px 0 25px 0 }
			#home-lessons #banner h3 { font-size: 30px }
		#home-lessons #law-changes h2 { font-size: 34px; line-height: 34px; padding-bottom: 10px }
		#home-lessons #law-changes h3 { font-size: 20px }
		#home-lessons #law-changes p { font-size: 15px }
			#home-lessons #law-changes p.lead { font-size: 18px }
		#home-lessons #critical { background-image: none }
			#home-lessons #critical img { display: block; margin-bottom: 15px }
			#home-lessons #critical h3 { margin-bottom: 0; padding: 20px }
			#home-lessons #critical h4 { font-size: 20px; padding: 0 20px }
				#home-lessons #complete-course h4 em { font-size: 16px }
			#home-lessons #critical h5 { padding: 20px }
			#home-lessons #critical p { padding: 0 20px 15px 20px }
		#home-lessons #complete-course { background-image: none }
			#home-lessons #complete-course img { display: block; margin-bottom: 15px }
			#home-lessons #complete-course h3 { margin-bottom: 0; padding: 20px }
			#home-lessons #complete-course h4 { padding: 0 20px 15px 20px }
			#home-lessons #complete-course p { font-size: 16px; padding: 0 20px 15px 20px }
				#home-lessons #complete-course p.lead { font-size: 20px; line-height: 28px }
				#home-lessons #complete-course p small { font-size: 14px }
			#home-lessons #complete-course #complete-course-footer { padding: 8px 20px 10px 20px; text-align: center }
				#home-lessons #complete-course #complete-course-footer p { font-size: 16px }
					#home-lessons #complete-course #complete-course-footer p strong { font-size: 22px }
					#home-lessons #complete-course #complete-course-footer p a { font-size: 22px }
		#home-lessons #all-courses { padding: 15px 20px 18px 20px }
		#home-lessons #ebook h3 { font-size: 38px; padding-top: 35px }
		#home-lessons #ebook p { font-size: 18px }
		#home-lessons #ebook #ebook-text { margin-left: 0 }
		#home-lessons .home-lesson h3 { font-size: 32px }
			#home-lessons .home-lesson h3.home-lesson-header { font-size: 30px }
		#home-lessons .home-lesson h4 { font-size: 18px }
			#home-lessons .home-lesson h4 strong, #home-lessons .home-lesson h4 a { font-size: 26px }
		#home-lessons .home-lesson h5 { font-size: 22px }
		#home-lessons .home-lesson p { font-size: 16px }
			#home-lessons .home-lesson p small { font-size: 13px }
		#home-lessons .home-lesson ul { font-size: 16px }
		#home-lessons .home-lesson .new { font-size: 20px; top: -28px }
	#home-lessons #home-lesson-trailer h3 { font-size: 28px }
	#home-lessons #home-lesson-trailer p { font-size: 14px }

	/* lessons */
	#lessons-banner #lessons-banner-title { bottom: 50px }
		#lessons-banner #lessons-banner-title h2 { font-size: 30px }
			#lessons-banner #lessons-banner-title h2 small { font-size: 24px }
	#lessons-header h1 i { display: none }
	#lessons-content { padding-bottom: 30px }
		#lessons-content h2 { font-size: 22px }
		#lessons-content h3 { font-size: 28px }
		#lessons-content h5 { font-size: 26px }
		#lessons-content p { font-size: 16px }
		#lessons-content ul { font-size: 16px }
		#lessons-content .lesson h3 { font-size: 32px }
			#lessons-content .lesson h3.lesson-header { font-size: 30px }
				#lessons-content .lesson h3.lesson-header.lesson-header-small { font-size: 27px }
		#lessons-content .lesson h4 { font-size: 18px }
			#lessons-content .lesson h4 strong, #lessons-content .lesson h4 a { font-size: 26px }
		#lessons-content .lesson h5 { font-size: 22px }
		#lessons-content .lesson p { font-size: 16px }
			#lessons-content .lesson p small { font-size: 13px }
		#lessons-content .lesson ul { font-size: 16px }
		#lessons-content .lesson .new { font-size: 20px; top: -28px }
		#lessons-content #lesson-warning { margin-bottom: 50px }
	#lessons-new #banner { padding: 22px 0 25px 0 }
		#lessons-new #banner h3 { font-size: 30px }
	#lessons-new #law-changes h2 { font-size: 34px; line-height: 34px; padding-bottom: 10px }
	#lessons-new #law-changes h3 { font-size: 20px }
	#lessons-new #law-changes p { font-size: 15px }
	#lessons-new #critical { background-image: none }
		#lessons-new #critical img { display: block; margin-bottom: 15px }
		#lessons-new #critical h3 { margin-bottom: 0; padding: 20px }
		#lessons-new #critical h4 { font-size: 20px; padding: 0 20px }
			#lessons-new #complete-course h4 em { font-size: 16px }
		#lessons-new #critical h5 { padding: 20px }
		#lessons-new #critical p { padding: 0 20px 15px 20px }
	#lessons-new #complete-course { background-image: none }
		#lessons-new #complete-course img { display: block; margin-bottom: 15px }
		#lessons-new #complete-course h3 { margin-bottom: 0; padding: 20px }
		#lessons-new #complete-course h4 { padding: 0 20px 15px 20px }
		#lessons-new #complete-course p { font-size: 16px; padding: 0 20px 15px 20px }
			#lessons-new #complete-course p.lead { font-size: 20px; line-height: 28px }
			#lessons-new #complete-course p small { font-size: 14px }
		#lessons-new #complete-course #complete-course-footer { padding: 8px 20px 10px 20px; text-align: center }
			#lessons-new #complete-course #complete-course-footer p { font-size: 16px }
				#lessons-new #complete-course #complete-course-footer p strong { font-size: 22px }
				#lessons-new #complete-course #complete-course-footer p a { font-size: 22px }
	#lessons-about h3 { padding-bottom: 30px }
	#lessons-about #lessons-about-dave, #lessons-about #lessons-about-licence { display: block; margin: 0 auto; position: relative; top: 0; width: 250px }
	#lessons-included { padding: 0 0 25px 0 }
		#lessons-included .included { height: auto; margin-bottom: 35px }
			#lessons-included .included h3 { font-size: 32px }
			#lessons-included .included p { font-size: 16px }
			#lessons-included .included ul { font-size: 16px }

	/* contact */
	#contact-dave { padding-bottom: 55px }
		#contact-dave #form-contact { padding-top: 30px }

	/* terms and conditions */
	#terms-and-conditions { padding-bottom: 35px }
}

@media (max-width: 767px) {
	/* global */
	header #header-logo { padding: 0 75px 10px 75px }
	#testimonials .carousel { height: 250px }
	#testimonials p { font-size: 16px }
		#testimonials p small { font-size: 13px }
	#testimonials img { padding-top: 30px }
	footer #footer-logo { padding: 0 75px }

	/* home */
	#home-banner { height: 300px }
		#home-banner #home-banner-title { bottom: 40px; left: 0; margin: 0 25px; padding: 7px 0; right: 0 }
	#home-intro #home-intro-dave { padding: 20px 100px 0 100px }
	#home-lessons #banner { padding: 22px 20px 25px 20px }
	#home-lessons #law-changes h2 { font-size: 32px; line-height: 32px }
	#home-lessons #law-changes h3 { font-size: 18px }
	#home-lessons #law-changes p { font-size: 14px }
		#home-lessons #law-changes p.lead { font-size: 16px }
	#home-lessons #complete-course #complete-course-footer p { line-height: 22px }
	#home-lessons #complete-course #complete-course-footer p + p { padding-top: 15px }
	#home-lessons #ebook h3 { font-size: 32px; padding-top: 20px }
	#home-lessons #ebook p { font-size: 14px }
	#home-lessons .home-lesson h3 { font-size: 30px }
		#home-lessons .home-lesson h3.home-lesson-header { font-size: 28px }
	#home-lessons .home-lesson .new { font-size: 18px; top: -26px }
	#home-lessons #home-lesson-trailer h3 { font-size: 24px }
	#home-lessons #home-lesson-trailer p { font-size: 13px }

	/* lessons */
	#lessons-banner { height: 225px }
		#lessons-banner.caravan-towing { background: url('/img/lessons/caravan-lessons-768-2.jpg') no-repeat center }
		#lessons-banner.contact-dave { background: url('/img/lessons/caravan-contact-768.jpg') no-repeat center }
		#lessons-banner.generic { background: url('/img/lessons/caravan-home-768.jpg') no-repeat center }
		#lessons-banner #lessons-banner-title { bottom: 40px; left: 0; margin: 0 25px; padding: 7px 0; right: 0 }
	#lessons-content h5 { font-size: 24px }
	#lessons-content .lesson h3 { font-size: 30px }
		#lessons-content .lesson h3.lesson-header { font-size: 28px }
			#lessons-content .lesson h3.lesson-header.lesson-header-small { font-size: 22px }
	#lessons-content .lesson .new { font-size: 18px; top: -26px }
	#lessons-new #banner { padding: 22px 20px 25px 20px }
	#lessons-new #law-changes h2 { font-size: 32px; line-height: 32px }
	#lessons-new #law-changes h3 { font-size: 18px }
	#lessons-new #law-changes p { font-size: 14px }
		#lessons-new #law-changes p.lead { font-size: 16px }
	#lessons-new #complete-course #complete-course-footer p { line-height: 22px }
	#lessons-new #complete-course #complete-course-footer p + p { padding-top: 15px }
	#lessons-about #lessons-about-dave, #lessons-about #lessons-about-licence { width: 100% }
	#lessons-included .included h3 { font-size: 30px }

	/* terms and conditions */
	#terms-and-conditions h2 { font-size: 20px }
	#terms-and-conditions h3 { font-size: 15px }
	#terms-and-conditions h4 { font-size: 14px }
	#terms-and-conditions p { font-size: 14px }
	#terms-and-conditions ol { font-size: 14px }

	/* make payment */
	#form-payment p br { display: inline }
	#form-payment p span { display: none }
}

@media (max-width: 575px) {
	/* global */
	header #header-logo { padding: 0 0 10px 0 }
	#testimonials .carousel { height: 300px }
	#testimonials .testimonial-text { width: 100% }
	#testimonials .carousel-control-prev, #testimonials .carousel-control-next { display: none }
	footer #footer-logo { padding: 0 }
	#footer-bottom #footer-bottom-designed { padding-top: 8px }

	/* home */
	#home-banner #home-banner-title { padding: 5px 0 1px 0 }
		#home-banner #home-banner-title h2 { font-size: 20px }
			#home-banner #home-banner-title h2 small { font-size: 16px }
	#home-intro { -moz-box-shadow: inset 0px 120px 0px 0px #A21D21; -webkit-box-shadow: inset 0px 120px 0px 0px #A21D21; box-shadow: inset 0px 120px 0px 0px #A21D21 }
		#home-intro #home-intro-dave { padding: 20px 50px 0 50px }
		#home-intro h1 { font-size: 26px; font-weight: bold; }
	#home-lessons #banner h3 { font-size: 26px }
	#home-lessons #law-changes { padding: 15px 15px 5px 15px }
		#home-lessons #law-changes h2 { font-size: 28px; line-height: 28px }
	#home-lessons #complete-course p.lead { font-size: 18px; line-height: 24px }
	#home-lessons #all-courses p { font-size: 18px }
	#home-lessons #ebook { text-align: center }
		#home-lessons #ebook img { padding: 0 20% }
	#home-lessons .home-lesson h4 br { display: inline }
	#home-lessons #home-lesson-trailer h3 { font-size: 28px }
	#home-lessons #home-lesson-trailer p { font-size: 14px }
	#home-lessons #home-lesson-trailer #home-lesson-trailer-right { margin: 0 }
	#home-lessons #home-lesson-trailer img { margin: 10px 0 20px 0 }
	#home-lessons #home-lesson-trailer .btn { bottom: auto; display: block; position: relative; right: auto }
	#home-lessons #home-lesson-safeguard img { margin-bottom: 20px }

	/* lessons */
	#lessons-banner #lessons-banner-title { padding: 5px 0 1px 0 }
		#lessons-banner #lessons-banner-title h2 { font-size: 20px }
			#lessons-banner #lessons-banner-title h2 small { font-size: 16px }
	#lessons-header { padding: 20px 0 24px 0 }
		#lessons-header h1 { font-size: 20px }
	#lessons-content .lesson h4 br { display: inline }
	#lessons-new #banner h3 { font-size: 26px }
	#lessons-new #law-changes { padding: 15px 15px 5px 15px }
		#lessons-new #law-changes h2 { font-size: 28px; line-height: 28px }
	#lessons-new #complete-course p.lead { font-size: 18px; line-height: 24px }
	#lessons-about h3 { font-size: 20px }
}

@media (max-width: 374px) {
	/* global */
	footer #footer-links { font-size: 12px }
		footer #footer-links a { padding: 0 5px }
	#footer-bottom { font-size: 12px }

	/* home */
	#home-intro h1 { font-size: 22px }
	#home-intro #banner { padding: 17px 10px 20px 10px }
		#home-intro #banner h3 { font-size: 24px }
	#home-lessons #law-changes h2 { font-size: 24px; line-height: 24px }
	#home-lessons .home-lesson h3 { font-size: 26px }
		#home-lessons .home-lesson h3.home-lesson-header { font-size: 24px }
			#lessons-content .lesson h3.lesson-header.lesson-header-small { font-size: 20px }
	#home-lessons #home-lesson-trailer h3 { font-size: 24px }
	#home-lessons #home-lesson-trailer p { font-size: 13px }
	
	/* lessons */
	#lessons-content .lesson h3 { font-size: 26px }
		#lessons-content .lesson h3.lesson-header { font-size: 24px }
	#lessons-new #banner { padding: 17px 10px 20px 10px }
		#lessons-new #banner h3 { font-size: 24px }
	#lessons-new #law-changes h2 { font-size: 24px; line-height: 24px }
	#lessons-included .included h3 { font-size: 26px }

	/* contact */
	#contact-dave .g-recaptcha { -moz-transform: scale(0.8); -moz-transform-origin: 0 0; -webkit-transform: scale(0.8); -webkit-transform-origin: 0 0; margin-bottom: -13px; transform: scale(0.8); transform-origin: 0 0 }
}