/* global */
body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; background-color: #000; color: #FFF; font-family: 'Lato', sans-serif }
.bg-dark-trans { background-color: rgba(0, 0, 0, 0.8) }
a { text-decoration: none !important }
header { background-color: rgba(0, 0, 0, 0.72); padding: 15px 0 }
	header #header-logo { display: block }
	header #header-phone { font-family: 'Playfair Display', serif; font-size: 32px; padding-top: 8px; text-align: right }
		header #header-phone a { color: #DFDFDF }
		header #header-phone a:hover { color: #BAA15D }
		header #header-phone span { color: #BAA15D }
	header #header-social { text-align: right }
		header #header-social a { color: #DFDFDF; font-size: 32px; margin-left: 25px }
		header #header-social a:hover { color: #BAA15D }
#content { margin-top: 55vh }
#tailor { background-image: url('/img/layout/bg-tailor.png'); background-position: top right; background-repeat: no-repeat; background-size: contain; margin-bottom: 60px; padding: 30px }
	#tailor h1 { font-family: 'Playfair Display', serif; font-size: 45px; margin: 0; padding-bottom: 30px }
		#tailor h1 strong { color: #BAA15D; font-weight: 700 }
	#tailor p { font-size: 24px; margin: 0 }
	#tailor p + p { padding-top: 10px }
#lessons { background-image: url('/img/layout/bg-lessons.png'); background-position: top left; background-repeat: no-repeat; background-size: contain; margin-bottom: 60px; padding: 50px 60px 60px 30px }
	#lessons h2 { font-family: 'Playfair Display', serif; font-size: 45px; margin: 0; padding-bottom: 30px }
	#lessons p { font-size: 24px; margin: 0 }
	#lessons p + p { padding-top: 10px }
#ready { background-image: url('/img/layout/bg-book-2.png'); background-position: top right; background-repeat: no-repeat; background-size: contain; margin-bottom: 60px; padding: 50px 60px 60px 30px }
	#ready h2 { font-family: 'Playfair Display', serif; font-size: 45px; margin: 0; padding-bottom: 30px }
	#ready p { font-size: 24px; margin: 0 }
	#ready p + p { padding-top: 10px }
	#ready p a { color: #BAA15D; font-weight: 700 }
	#ready .btn { background-color: #BAA15D; color: #FFF; font-size: 21px; margin: 25px 0 20px 0; padding: 8px 30px 10px 30px; text-transform: uppercase }
	#ready .btn:hover { background-color: #FFF; color: #BAA15D }
#more-time { background-image: url('/img/layout/bg-more-time-2.png'); background-position: top left; background-repeat: no-repeat; background-size: contain; margin-bottom: 60px; padding: 50px 60px 60px 30px }
	#more-time h2 { font-family: 'Playfair Display', serif; font-size: 45px; margin: 0; padding-bottom: 30px }
	#more-time p { font-size: 24px; margin: 0 }
	#more-time p + p { padding-top: 10px }
	#more-time p a { color: #BAA15D; font-weight: 700 }
	#more-time .btn { background-color: #BAA15D; color: #FFF; font-size: 21px; margin: 25px 0 20px 0; padding: 8px 30px 10px 30px; text-transform: uppercase }
	#more-time .btn:hover { background-color: #FFF; color: #BAA15D }
#why-wait { background-image: url('/img/layout/bg-why-wait.png'); background-position: top right; background-repeat: no-repeat; background-size: contain; margin-bottom: 60px; padding: 55px 30px 60px 30px }
	#why-wait h2 { font-family: 'Playfair Display', serif; font-size: 45px; margin: 0; padding-bottom: 30px }
	#why-wait p { font-size: 24px; margin: 0; padding-right: 100px }
	#why-wait p + p { padding-top: 10px }
		#why-wait p a { color: #BAA15D; font-weight: 700 }
#where-are-we { background-image: url('/img/layout/bg-where-are-we.png'); background-position: top left; background-repeat: no-repeat; background-size: contain; margin-bottom: 60px; padding: 50px 30px 60px 30px }
	#where-are-we #where-are-we-address { padding-left: 30px }
	#where-are-we h2 { font-family: 'Playfair Display', serif; font-size: 45px; margin: 0; padding-bottom: 30px }
	#where-are-we p { font-size: 24px; margin: 0 }
		#where-are-we p strong { color: #BAA15D; font-weight: 700 }
		#where-are-we p em { display: block; font-size: 21px }
	#where-are-we .btn { background-color: #BAA15D; color: #FFF; font-size: 21px; margin: 10px 0 20px 0; padding: 8px 30px 10px 30px; text-transform: uppercase }
	#where-are-we .btn:hover { background-color: #FFF; color: #BAA15D }
#bb-link-back { background-color: #FFF; color: #212529; font-family: 'Rama Gothic E W01 Light'; margin-bottom: 60px; padding: 30px }
	#bb-link-back #bb-text { padding-left: 30px; text-align: right }
	#bb-link-back #bb-logo #bb-logo-name { -webkit-text-stroke: 0.5px #0566FF; color: #0566FF; font-family: 'Shelley Allegro'; font-size: 90px }
	#bb-link-back #bb-logo #bb-logo-strapline { font-family: 'Rama Gothic E W01 Thin'; font-size: 30px; margin-top: -40px; padding-right: 40px; text-transform: uppercase }
		#bb-link-back #bb-logo #bb-logo-strapline strong { font-family: 'Rama Gothic E W01 Bold' }
	#bb-link-back img { margin-top: 0 }
	#bb-link-back h3 { font-size: 40px; margin: 0; padding-top: 10px }
		#bb-link-back h3 strong { font-family: 'Rama Gothic E W01 Bold' }
	#bb-link-back p { font-size: 21px; line-height: 24px; margin: 0; padding: 10px 0 20px 0 }
	#bb-link-back .btn { -moz-border-radius: 7px; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-border-radius: 7px; -webkit-transition: 0.3s; background-color: #CE02B1; border-radius: 7px; color: #FFF; display: inline-block; font-family: 'Rama Gothic E W01 SemiBold'; font-size: 30px; padding: 3px 15px 2px 15px; text-transform: uppercase; transition: 0.3s }
	#bb-link-back .btn:hover { background-color: #0566FF }
footer { padding: 30px }
	footer #footer-contact { padding-top: 12px; text-align: right }
		footer #footer-contact address { font-family: 'Playfair Display', serif; font-size: 22px; margin: 0 0 -10px 0 }
			footer #footer-contact address br { display: none }
		footer #footer-contact #footer-phone { font-family: 'Playfair Display', serif; font-size: 32px; text-align: right }
			footer #footer-contact #footer-phone a { color: #DFDFDF }
			footer #footer-contact #footer-phone a:hover { color: #BAA15D }
			footer #footer-contact #footer-phone span { color: #BAA15D }
#copyright { background-color: #000; font-size: 14px; margin-bottom: 60px; padding: 10px 30px; text-transform: uppercase }
	#copyright a { color: #FFF }
	#copyright br { display: none }
	#copyright #copyright-designed { text-align: right }
		#copyright #copyright-designed img { padding-left: 5px; position: relative; top: -2px; width: 220px }

/* page */
.breadcrumb { background-color: transparent; font-size: 18px; padding: 0 0 10px 0 }
	.breadcrumb a, .breadcrumb .active { color: #FFF !important }
#page-content { margin-bottom: 60px; padding: 30px }
	#page-content h1 { font-family: 'Playfair Display', serif; font-size: 45px }
	#page-content h2 { font-family: 'Playfair Display', serif; font-size: 34px; margin: 0 0 20px 0 }
	#page-content h4 { font-family: 'Playfair Display', serif; font-size: 28px; margin: 30px 0 10px 0 }
	#page-content p { font-size: 24px }
		#page-content p a { color: #BAA15D; font-weight: 700 }

/* backgrounds */
#bg-loading { background: url(/img/icons/loading.gif) no-repeat center; height: 100%; left: 0; margin: 0; padding: 0; position: fixed; top: 0; width: 100%; z-index: -15 }
#bg { height: 100%; left: 0; margin: 0; opacity: 0; padding: 0; position: fixed; top: 0; width: 100%; z-index: -10 }
	#bg div { background-color: #000; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100% }
		#bg div.active { opacity: 1 }

/* cookie bar */
#cookie-bar { background-color: #1E1E1E; bottom: 0; color: #FFF; height: auto; line-height: 24px; padding: 8px 0; position: fixed; text-align: center; width: 100%; z-index: 2000 }
	#cookie-bar p { font-size: 14px; margin: 0; padding: 0; text-shadow: none }
	#cookie-bar br { display: none }
	#cookie-bar a { border-radius: 4px; color: #FFF; display: inline-block; margin-left: 8px; padding: 0 6px; text-decoration: none }
	#cookie-bar .cb-enable { background-color: #BAA15D }
	#cookie-bar .cb-policy { background-color: #E0DFDF; color: #1E1E1E }

@media (max-width: 4200px) {
	/* global */
	.container { max-width: 1560px }
}

@media (max-width: 1590px) {
	/* global */
	.container { max-width: 1140px }
	header #header-logo { width: 600px }
	header #header-phone { font-size: 28px; padding-top: 3px }
	header #header-social a { font-size: 28px; margin-left: 20px }
	#tailor h1 { font-size: 38px; padding-bottom: 25px }
	#tailor p { font-size: 20px }
	#lessons { padding: 25px 20px 30px 30px }
		#lessons h2 { font-size: 38px; padding-bottom: 25px }
		#lessons p { font-size: 20px }
	#ready { padding: 25px 20px 30px 30px }
		#ready h2 { font-size: 38px; padding-bottom: 25px }
		#ready p { font-size: 20px }
		#ready .btn { font-size: 16px; margin: 10px 0 15px 0; padding: 6px 25px 8px 25px }
	#why-wait { padding: 25px 20px 30px 30px }
		#why-wait h2 { font-size: 38px; padding-bottom: 25px }
		#why-wait p { font-size: 20px }
	#where-are-we { padding: 25px 20px 30px 30px }
		#where-are-we h2 { font-size: 38px; padding-bottom: 25px }
		#where-are-we p { font-size: 20px }
			#where-are-we p em { font-size: 16px }
		#where-are-we .btn { font-size: 16px; margin: 10px 0 15px 0; padding: 6px 25px 8px 25px }
	#bb-link-back #bb-logo #bb-logo-name { font-size: 65px }
	#bb-link-back #bb-logo #bb-logo-strapline { font-size: 26px; margin-top: -30px; padding-right: 30px }
	#bb-link-back h3 { font-size: 28px }
	#bb-link-back p { font-size: 18px }
	#bb-link-back .btn { font-size: 24px }
	footer #footer-contact { padding-top: 10px }
		footer #footer-contact address { font-size: 16px }
		footer #footer-contact #footer-phone { font-size: 28px }
	#copyright { font-size: 13px }

	/* page */
	.breadcrumb { font-size: 16px }
	#page-content h1 { font-size: 38px }
	#page-content h2 { font-size: 30px }
	#page-content h4 { font-size: 24px }
	#page-content p { font-size: 20px }
}

@media (max-width: 1199px) {
	/* global */
	.container { max-width: 960px }
	header #header-logo { width: 100% }
	header #header-phone { font-size: 26px; padding-top: 0 }
	header #header-social a { font-size: 26px; margin-left: 20px }
	#content { margin-top: 45vh }
	#tailor h1 { font-size: 28px; padding-bottom: 20px }
	#tailor p { font-size: 16px }
	#lessons { padding: 25px 30px 30px 30px }
		#lessons h2 { font-size: 28px; padding-bottom: 20px }
		#lessons p { font-size: 16px }
	#ready { padding: 25px 30px 30px 30px }
		#ready h2 { font-size: 28px; padding-bottom: 20px }
		#ready p { font-size: 16px }
	#more-time { padding: 25px 30px 30px 30px }
		#more-time h2 { font-size: 28px; padding-bottom: 20px }
		#more-time p { font-size: 16px }
	#why-wait { padding: 25px 30px 30px 30px }
		#why-wait h2 { font-size: 28px; padding-bottom: 20px }
		#why-wait p { font-size: 16px; padding-right: 0 }
	#where-are-we { padding: 25px 30px 30px 30px }
		#where-are-we #where-are-we-find { width: 90px }
		#where-are-we h2 { font-size: 28px; padding-bottom: 20px }
		#where-are-we p { font-size: 16px }
	#bb-link-back #bb-logo #bb-logo-name { font-size: 52px }
	#bb-link-back #bb-logo #bb-logo-strapline { font-size: 22px; margin-top: -20px; padding-right: 20px }
	#bb-link-back h3 { font-size: 22px }
	#bb-link-back p { font-size: 16px }
	#bb-link-back .btn { font-size: 20px }
	footer #footer-contact { padding-top: 3px }
		footer #footer-contact address { font-size: 15px }
		footer #footer-contact #footer-phone { font-size: 28px }
	#copyright { font-size: 12px }
		#copyright #copyright-designed img { width: 180px }

	/* page */
	.breadcrumb { font-size: 14px }
	#page-content h1 { font-size: 28px }
	#page-content h2 { font-size: 24px }
	#page-content h4 { font-size: 20px }
	#page-content p { font-size: 16px }

	/* backgrounds */
	#bg div { background-attachment: scroll !important }
}

@media (max-width: 991px) {
	/* global */
	.container { max-width: 720px }
	#tailor { background-image: none }
	#lessons { background-image: none }
	#ready { background-image: none }
	#more-time { background-image: none }
	#why-wait { background-image: none }
	#where-are-we { background-image: none }
	#bb-link-back #bb-text { padding: 0; text-align: center }
	#bb-link-back #bb-logo #bb-logo-name { font-size: 65px; text-align: center }
	#bb-link-back #bb-logo #bb-logo-strapline { font-size: 26px; margin-top: -30px; padding-right: 0; text-align: center }
	#bb-link-back h3 { font-size: 28px; text-align: center }
	#bb-link-back p { font-size: 18px; text-align: center }
	#bb-link-back .btn { font-size: 24px }
	footer #footer-contact { text-align: center }
		footer #footer-contact address { margin: 10px 0 0 0 }
		footer #footer-contact #footer-phone { text-align: center }
	#copyright { padding-bottom: 13px; text-align: center }
		#copyright #copyright-designed { padding-top: 5px; text-align: center }
}

@media (max-width: 767px) {
	/* global */
	.container { max-width: 540px }
	#tailor h1 { font-size: 24px }
	#lessons h2 { font-size: 24px }
	#ready h2 { font-size: 24px }
	#more-time h2 { font-size: 24px }
	#why-wait h2 { font-size: 24px }
	#where-are-we h2 { font-size: 24px }
	#bb-link-back #bb-logo #bb-logo-name { font-size: 52px }
	#bb-link-back #bb-logo #bb-logo-strapline { font-size: 22px; margin-top: -20px }
	#bb-link-back h3 { font-size: 22px }
	#bb-link-back p { font-size: 16px }
	#bb-link-back .btn { font-size: 20px }
	footer #footer-contact address br { display: inline }

	/* page */
	#page-content h1 { font-size: 24px }
	#page-content h2 { font-size: 22px }
}

@media (max-width: 575px) {
	/* global */
	.container { max-width: 100% }
	header #header-phone { padding-top: 10px; text-align: center }
	header #header-social { text-align: center }
		header #header-social a { margin: 0 10px }
	#content { margin-top: 40vh }
	#tailor { padding: 15px }
	#lessons { padding: 15px }
	#ready { padding: 15px }
	#more-time { padding: 15px }
	#why-wait { padding: 15px }
	#where-are-we { padding: 15px }
		#where-are-we #where-are-we-address { padding-left: 0 }
	#bb-link-back { padding: 15px }
		#bb-link-back #bb-logo #bb-logo-name { font-size: 44px }
		#bb-link-back #bb-logo #bb-logo-strapline { font-size: 20px; margin-top: -20px; padding: 0 }
		#bb-link-back img { margin-bottom: 15px }
		#bb-link-back h3 { line-height: 26px; padding: 15px 0 10px 0 }
		#bb-link-back p { font-size: 21px; line-height: 24px }
		#bb-link-back .btn { font-size: 26px }
	footer { padding: 25px 15px }
		footer #footer-contact #footer-phone { font-size: 22px }

	/* page */
	#page-content { padding: 15px }

	/* cookie bar */
	#cookie-bar br { display: inline }
}

@media (max-width: 374px) {
	/* global */
	header #header-phone { font-size: 23px }
	#bb-link-back #bb-logo #bb-logo-name { font-size: 36px }
	#bb-link-back #bb-logo #bb-logo-strapline { font-size: 17px; margin-top: -17px }
	#bb-link-back h3 { line-height: 24px }
	#bb-link-back p { font-size: 18px; line-height: 21px }
	#bb-link-back .btn { font-size: 24px }
	footer #footer-contact address { font-size: 14px }
	footer #footer-contact #footer-phone { font-size: 20px }
}