html { font-size: 10px; }
body { font-family: "EB Garamond", serif; font-optical-sizing: auto; font-size: 2.2rem; line-height: 1.4545454545; /*font-weight: 400; font-style: normal;*/
	-webkit-font-feature-settings: "liga" 1;
	-moz-font-feature-settings:    "liga" 1;
	-ms-font-feature-settings:     "liga" 1;
	font-feature-settings:         "liga" 1;
}

a { color: #b33a12; text-decoration: none; outline: 0; }
h1, h2, h3, h4, nav, footer, .btn { font-family: 'PT Sans'; }
h1 { font-size: 6rem; line-height: 1.1; letter-spacing: -.01em; margin: 60px 0 20px; }
h2 { font-size: 4rem; line-height: 1.2; font-weight: normal; margin: 0 0 40px; }
h2 em { font-weight: 700; color: #be461e; }
h3 { font-size: 3rem; line-height: 1.2; margin: 0 0 20px; }
h3:last-child, p:last-child { margin: 0; }
h4 { font-size: 2.6rem; line-height: 1; display: flex; gap: 8px; margin: 0 0 10px; }
hr { background: #b3b3b3; height: 1px; clear: both; margin: 30px 0; border: 0; }
iframe { display: block; width: 100%; margin: 0 0 20px; border: 0; }
img { display: block; }
li { margin: 0 0 10px; }
::marker { color: #be461e; }
li em { color: #be461e; }
p { margin: 0 0 20px; }
section { padding: 0 0 90px; border-top: 10px solid #be461e; }
section:nth-last-of-type(even) { background: #fff6e5; }
sup { font-weight: 400; top: -.25em; }
ul { padding: 0 0 0 22px; margin: 0 0 20px; }
ul:last-child, li:last-child { margin: 0; }
ul + h3 { margin: 40px 0 20px; }

.centered { text-align: center; }
.container { max-width: 1200px; padding: 0 20px; margin: auto; }
	.container .container { max-width: 960px; padding: 0; }
.hyperlink { font-weight: 500; box-shadow: inset 0 -1px 0 #b33a12; transition: all 0.15s linear; }
.hyperlink:hover { box-shadow: inset 0 -4px 0 #b33a12; }
.hyperlink.footer-link { color: #fff; box-shadow: inset 0 -3px 0px rgba(255,255,255,0); }
.hyperlink.footer-link:hover { box-shadow: inset 0 -3px 0px rgba(255,255,255,1); }
.max-width-960 { max-width: 960px; }
.section-header { font-weight: 700; color: #fff; background: #be461e; display: table; padding: 1px 20px 12px; margin: 0 0 40px; border-radius: 0 0 4px 4px; }


header { background: #be461e; }
	.header-nav { display: grid; grid-template-columns: auto 1fr; }
		.discovery-shift-logo { padding: 10px 0; }
	#menu {  font-size: 2.1rem; color: #fff; display: none; float: right; margin-top: 9px; transition: all 0.15s linear; }
	#menu:hover { color: #cc2952; }
	nav { display: flex; justify-self: end; }
		nav a { font-size: 2rem; line-height: 1.5; color: #fff; text-decoration: none; display: grid; align-items: center; padding: 0 15px; transition: all 0.15s linear; }
		nav a:hover { color: #000; text-shadow: none; background: #fff; }


#intro { border: 0; }
	.intro-book-container { float: right; margin: 0 0 0 40px; }
		.intro-book { margin: 0 -40px 20px 0; }
			.btn { font-size: 3rem; line-height: 1; font-weight: 700; color: #fff; text-align: center; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); background: #c00; display: grid; place-content: center; width: 150px; aspect-ratio: 1 / 1; margin: auto; border: solid 10px rgba(255,255,255,.4); border-radius: 50%; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); transition: all 0.15s linear; }
			.btn:hover { background: #f33; }


.book-inside { background: #fff; display: flow-root; padding: 18px 20px; margin: 40px 0 0; border-radius: 4px; box-shadow: 2px 2px 8px rgba(0,0,0,.1); }
	.book-book-container { display: flex; float: right; margin: 0 0 0 30px; position: relative; z-index: 100; }
		.book-book { margin: 0 -80px 0 0; }
		.book-btn { font-size: 2.6rem; width: 130px; border-width: 8px; }


.testimonials { display: grid; gap: 40px; }
	.testimonial { display: flex; align-items: center; gap: 30px;}
		.testimonial img { border-radius: 50%; }
		.testimonial p { margin: 0 0 10px; }
			.firm { margin-left: 20px; }


.chris-holman { float: right; margin: 0 0 20px 20px; border-radius: 50%; outline: solid 10px rgba(190,70,30,.1); }


footer { font-size: 1.6rem; color: #fff; background: #be461e; overflow: hidden; padding: 40px 0; }
	.address-container { display: flex; align-items: center; gap: 10px; }
		footer span { font-weight: 700; color: #e57e5c; }
	.hm-logo { margin: 0 0 -22px auto; }


#scroll-top { font-size: 2rem; line-height: 1; color: #fff; background: rgba(0,0,0,0.2); display: none; width: 20px; height: 20px; padding: 8px 10px 12px; margin-top: -20px; border-radius: 50%; position: fixed; top: 50%; right: 14px; z-index: 100; transition: background 0.15s linear, padding 0.15s linear, margin 0.15s linear; }
#scroll-top:before { content: "\25B2"; }
#scroll-top:hover { background: rgba(0,0,0,0.4); padding: 12px 14px 16px; margin-top: -24px; }




/*////////// MEDIA QUERIES //////////*/

/* To make sure navigation is visible after using jQuery animate/slideToggle on smaller viewports */
@media only screen and (min-width: 426px) {
	/*nav { display: block!important; }*/
}


/*@media only screen and (min-width: 1024px) and (max-width: 1365px) {*/
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
	nav a { padding: 17px 10px 16px; }
	nav a:last-child { padding-right: 20px; }
	.one-half { padding-right: 30px; }
	.one-half:last-child { padding-left: 30px; }
	footer br { display: inline; }
	footer span:first-of-type { display: none; }
}

@media only screen and (max-width: 1023px) {
	nav { background: #262626; float: none; clear: both; margin: 0 -20px; }
		nav a { padding: 10px 20px; }
	h1 { font-size: 50px; font-size: 5rem; margin: 40px 0 14px; }
	#intro h2 { font-size: 2.6rem; line-height: 1.2307692307; }
	#intro-book { display: block; float: none; margin: 0 auto 20px; }
	#intro-copy { width: auto; float: none; }
		#stickman1 { margin-top: 6px; }
		#intro p { padding: 0; }
	.one-third img { height: 170px; }
	#book-buy-book { margin-right: 30px; }
	#book-book { margin-bottom: 20px; }
	.one-half { padding-right: 30px; }
	.one-half:last-child { padding-left: 30px; }
	footer br { display: inline; }
	footer span:first-of-type { display: none; }
}

@media only screen and (max-width: 768px) {
	.hm-logo { float: none; margin: 20px 0 -20px; }
}
@media only screen and (max-width: 767px) {
	.one-third, .one-third:first-of-type, .one-third:nth-of-type(3) { width: 100%; padding: 0; }
	.one-third img { height: 212px; }
	#book-buy-book { float: none; margin: 0; }
		.book-btn { margin-top: 0; }
	#book-book { display: block; float: none; margin: -64px auto 20px; }
	#stickman5 { display: none; }
	.one-half { width: 100%; padding: 0 0 60px; }
	.one-half:last-child { padding: 0 0 100px; }
}

@media only screen and (max-width: 425px) {
	#menu { display: block; }
	#header-logo br { display: inline; }
	nav { display: none; }
		nav a { width: 50%; box-sizing: border-box; }
	h1 { font-size: 46px; font-size: 4.6rem; margin: 30px 0 14px; }
	#intro h2 { margin: 0 0 20px; }
	#stickman1 { width: 145px; }
	.buy-book-container { background: none; width: 100%; padding: 0; }
		.buy-book-book { width: 154px; }
	#stickman7 { width: 120px; }
	.social-container:first-child { margin: 26px 0 0; }
}

@media only screen and (max-width: 320px) {
	#intro h2 { font-size: 2.2rem; line-height: 1.2727272727; }
	#intro p { font-size: 1.8rem; }
	#stickman1, #stickman7 { display: none; }
	.buy-book-container { height: 156px; margin-top: -16px; }
		.buy-book-container .btn { margin-top: 66px; position: absolute; }
		.buy-book-book { width: 130px; }
	footer span:first-of-type, footer span:last-of-type { display: none; }
}