/* Main */
#wrapper { background: #e6f6f6; text-align: center;}
#wrapper h3, #wrapper a { text-transform: uppercase; font-family: 'Creative Block'; }
#wrapper h3 { margin: 0 0 10px; text-transform: uppercase; font: 700 18pt 'Creative Block', 'Arial', sans-serif; }
#wrapper .container { max-width: 96%; }
#wrapper .container section { margin: 0 auto 70px; box-sizing: border-box;max-width: 100%;  }
#wrapper > img { display: block; width: 100%; margin: 0 0 40px; }
#wrapper #responsive { display: none; }

/* The card beside each character */
#wrapper section div { border: 3px solid #49d9ce; background: #fff; color: #000; border-radius: 20px; box-shadow: 0 0 10px -3px #000; width: 475px; padding: 35px 30px; box-sizing: border-box; }
#wrapper p { font-size: 13.2pt; color: #434343; line-height: 1.4; }

/* Floating adjustments and box designs for each div */
#first:after, #second:after, #third:after { content: ' '; clear: both; display: table; }
#first { width: 1000px; }
#second { width: 665px; }
#third { width: 1050px; }
#wrapper section img, #wrapper #second div { float: left; }
#wrapper #second img, #wrapper .container section div { float: right; max-width: 100%; }
#wrapper #first div { width: 520px; }
#wrapper #third div { margin: 69px 0 0; }
#wrapper .container > a { display: inline-block; }

/* Testimonials */
#testimonials { background: #ebeaea; position: relative; padding: 88px 20px 42px; margin: 115px 0 0; }
#testimonials:before { content: ' '; width: 131px; height: 131px; background: no-repeat url( '../../images/pages/dr-hen-says/icons/thumbs-up.png' ); display: block; position: absolute; top: -65px; left: 50%; transform: translateX( -50% ); }
#testimonials aside { font-size: 0; margin: 0 0 16px; }
#testimonials .owl-item span:before { content: '\e800'; font: 19pt/1 'halza'; display: inline-block; color: #42bfb5; margin: 0 4px; }
.owl-dots { margin: 33px 0 0; }
.owl-dots button { margin: 0 6px; }
.owl-dots span { width: 16px; height: 16px; display: block; border-radius: 50%; border: 2px solid #42bfb5; background: #fff; transition: all .4s; }
.owl-dots .active span, .owl-dots span:hover { background: #42bfb5; }

@media (max-width: 1072px) {
	#wrapper .container section { margin: 0; }
	#wrapper section img, #wrapper #second div, #wrapper #second img, #wrapper .container section div { float: none; }
	#wrapper section div, #wrapper #first div, #wrapper #third div { margin: 30px auto; }
	#wrapper .container section#second { margin: 30px auto; }
}

@media (max-width: 800px) {
	#wrapper #desktop { display: none; }
	#wrapper #responsive { display: block; margin: 0; }
	#wrapper #first div { margin-top: 0; z-index: 1; position: relative; }
}

@media (max-width: 580px) {
	#wrapper .container { max-width: 90%; }
	#wrapper section div { padding: 20px; }
	#wrapper h3 { font-size: 16pt; }
	#wrapper p { font-size: 12pt; }
}