@font-face { font-family: 'oswald-bold'; src: url('../fonts/Oswald-Bold-webfont.eot'); src: url('../fonts/Oswald-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-Bold-webfont.woff2') format('woff2'), url('../fonts/Oswald-Bold-webfont.woff') format('woff'), url('../fonts/Oswald-Bold-webfont.ttf') format('truetype'), url('../fonts/Oswald-Bold-webfont.svg#oswaldbold') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'oswald-light'; src: url('../fonts/Oswald-Light-webfont.eot'); src: url('../fonts/Oswald-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-Light-webfont.woff2') format('woff2'), url('../fonts/Oswald-Light-webfont.woff') format('woff'), url('../fonts/Oswald-Light-webfont.ttf') format('truetype'), url('../fonts/Oswald-Light-webfont.svg#oswaldlight') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'oswald'; src: url('../fonts/Oswald-Regular-webfont.eot'); src: url('../fonts/Oswald-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-Regular-webfont.woff2') format('woff2'), url('../fonts/Oswald-Regular-webfont.woff') format('woff'), url('../fonts/Oswald-Regular-webfont.ttf') format('truetype'), url('../fonts/Oswald-Regular-webfont.svg#oswaldregular') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'sanchez-italic'; src: url('../fonts/Latinotype - SanchezSlab-Italic-webfont.eot'); src: url('../fonts/Latinotype - SanchezSlab-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Latinotype - SanchezSlab-Italic-webfont.woff2') format('woff2'), url('../fonts/Latinotype - SanchezSlab-Italic-webfont.woff') format('woff'), url('../fonts/Latinotype - SanchezSlab-Italic-webfont.ttf') format('truetype'), url('../fonts/Latinotype - SanchezSlab-Italic-webfont.svg#sanchez_slabitalic') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'sanchez-light'; src: url('../fonts/Latinotype - SanchezSlab-Light-webfont.eot'); src: url('../fonts/Latinotype - SanchezSlab-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Latinotype - SanchezSlab-Light-webfont.woff2') format('woff2'), url('../fonts/Latinotype - SanchezSlab-Light-webfont.woff') format('woff'), url('../fonts/Latinotype - SanchezSlab-Light-webfont.ttf') format('truetype'), url('../fonts/Latinotype - SanchezSlab-Light-webfont.svg#sanchez_slab_lightlight') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'sanchez-semibold'; src: url('../fonts/Latinotype - SanchezSlab-SemiBold-webfont.eot'); src: url('../fonts/Latinotype - SanchezSlab-SemiBold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Latinotype - SanchezSlab-SemiBold-webfont.woff2') format('woff2'), url('../fonts/Latinotype - SanchezSlab-SemiBold-webfont.woff') format('woff'), url('../fonts/Latinotype - SanchezSlab-SemiBold-webfont.ttf') format('truetype'), url('../fonts/Latinotype - SanchezSlab-SemiBold-webfont.svg#sanchez_slab_semiboldsemibold') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'sanchez'; src: url('../fonts/Latinotype - SanchezSlab-webfont.eot'); src: url('../fonts/Latinotype - SanchezSlab-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Latinotype - SanchezSlab-webfont.woff2') format('woff2'), url('../fonts/Latinotype - SanchezSlab-webfont.woff') format('woff'), url('../fonts/Latinotype - SanchezSlab-webfont.ttf') format('truetype'), url('../fonts/Latinotype - SanchezSlab-webfont.svg#sanchez_slabregular') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'voltage'; src: url('../fonts/Voltage-webfont.eot'); src: url('../fonts/Voltage-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Voltage-webfont.woff2') format('woff2'), url('../fonts/Voltage-webfont.woff') format('woff'), url('../fonts/Voltage-webfont.ttf') format('truetype'), url('../fonts/Voltage-webfont.svg#voltageregular') format('svg'); font-weight: normal; font-style: normal; }

/* GLOBAL CSS */
.blue { color: #0070b9; }
.green { color: #53934f; }
.purple { color: #592C82; }
.red { color: #dd0006; }
.teal { color: #00aac6; }
.white { color: #fff; }
.dkgray { color: #6d6e70; }
.medgray {color: #d1d2d4; }

.pad20left { padding-left: 20px; }
.pad20top { padding-top: 20px; }

.bg-blue { background-color: #0070b9; color: #fff; }
.bg-drkgray { background-color: #6d6e70; color: #fff; }
.bg-green { background-color: #53934f; color: #fff; }
.bg-footer { background-color: #E7E7E7; }
.bg-ltgray {background-color: #F1F1F2; }
.bg-medgray { background-color: #e8e8e8; }
.bg-purple { background-color: #592c82; color: #fff; }
.bg-purple { background-color: #592c82; color: #fff; }
.bg-teal { background-color: #00aac6; color: #fff; }
.bg-white { background-color: #fff; } 
.bg-nav { background-color: #6F6A74; color: #fff; }

.quiz-navbar { height: 155px; border-bottom: 5px solid #00aac6; }
.screenshot { padding-bottom: 15px; }

.quiz-tablet { display: none; }
.quiz-mobile { display: none; }

.btn-purple { 
	background-color: #592c82;
	/*border: 1px solid #a7a9ab;*/
	color: #fff; 
	text-decoration: none;
	font-family: oswald, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}
.btn-purple:hover, .btn-purple:focus, .btn-purple.focus, .btn-purple:active, .btn-purple.active {
	background-color: #0070b9;
	/*border: 1px solid #00aac6;*/
	color: #fff; text-decoration: none;
}

.btn-teal { 
	background-color: #00aac6;
	color: #fff; 
	text-decoration: none;
	font-family: oswald, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}
a.btn-teal:hover, .btn-teal:hover, .btn-teal:focus, .btn-teal.focus, .btn-teal:active, .btn-teal.active {
	background-color: #0070b9;
	color: #fff;
}

body {
	font-family: museo-sans, arial, helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.4em;
	color: #6d6e70;
}
.body-hp {
	font-family: museo-sans, arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.6em;
	color: #6d6e70;
	background: #00aac6;
}

body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom { background: #fff; }

.navbar-nav > li > a {
	padding-top: 12px;
	padding-bottom: 12px;
	line-height: 20px;
}

.navbar-nav > li > a.btn-outline, .btn-outline { 
	background-color: #00aac6;
	/*border: 1px solid #b19ec4;*/
	color: #fff; padding: 12px 20px;
	text-decoration: none;
	font-family: museo-sans, Helvetica, Arial, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 3px;
	/*margin-left: 10px;*/
}

.navbar-nav > li > a.btn-outline span, .btn-outline span { display: none; }
.navbar-nav > li > a.btn-outline:hover, .btn-outline:hover, .btn-outline:hover, .btn-outline:focus, .btn-outline.focus, .btn-outline:active, .btn-outline.active {
	background-color: #0070b9;
	/*border: 1px solid #00aac6;*/
	color: #fff; border-radius: 3px;
}

.navbar-right { margin-top: 31px; }

.logo-mobile { display: none; }

.navbar-nav > li > a.btn.btn-outline.order-mobile { display: none; }

.navbar-brand {
	float: left;
	padding: 15px 15px 15px 0;
	font-size: 18px;
	line-height: 20px;
	height: 50px;
}

section {
	background: #fff;
	margin-top: -20px;
}
h1 {
	font-family: sanchez, arial, sans-serif;
	font-size: 30px;
	color: #fff;
	/*color: #592c82;*/
}

/* Hero */
.hero { margin-top: -20px; padding-bottom: 20px; background: url(../img/slider/hero.jpg) top center; height: auto; }
.hero p { font-size: 16px; line-height: 26px; padding-bottom: 20px; }
.hero p.edition, p.edition { color: #00aac6; font-weight: 500; font-size: 16px; font-style: italic; margin-top: -5px; padding-bottom: 5px; }

/* Hero2 */
.hero2 { background: #fff url('../img/slider/hero-13th.jpg') center  no-repeat; width: 100%; min-height: 500px; padding: 50px 0;  position: relative; background-size: cover; }
.hero2 h1 {font-family: Oswald, Arial, sans-serif; font-size: 40px;text-transform: uppercase; margin-top: 85px; }
.hero2 h1 span { font-family: oswald-light; }
.hero2 h1 sup { top: -14px; font-size: 50%; }
.hero2 p.subhead { font-family: sanchez, arial, sans-serif; font-size: 19px; color: #fff; /*color: #00aac6;*/ padding-bottom: 10px; }
.hero2 p { font-size: 15px; line-height: 22px; color: #fff; }
.order-btns { padding-top: 20px; }

/* Hero3 */
.hero3 { background: #f1f2f2 url('../img/slider/hero-14th.png') right top no-repeat; width: 100%; min-height: 500px; padding: 50px 0; position: relative; background-size: cover; }
.hero3 span.edition { font-family: sanchez, arial, sans-serif; font-size: 20px; font-weight: bold; }
.hero3 h1 { font-family: Oswald, Arial, sans-serif; font-weight: bold; font-size: 66px; text-transform: uppercase; margin-top: 0px; }
.hero3 h2 { font-family: sanchez, arial, sans-serif; font-size: 25px; }
.hero3 .btn-teal { text-transform: none; font-family: inherit; }

/* Carousel */
.carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; }
.carousel-caption { top: 18%; left: 37%; right: 20%; }
.carousel-caption2 { top: 17%; left: 12%; right: 55%; }

.btn-group.pdf { margin-right: 10px; }

.reference { background: #fff; padding: 60px 0 50px; }

.quote { font-family: sanchez-light, museo-sans, arial, sans-serif; font-size: 24px; font-weight: 100; color: #6d6e70; line-height: 34px; padding-bottom: 10px; }
.michael { text-transform: uppercase; color: #0070b9; }
.michael span { font-size: .8em; text-transform: initial; color: #6d6e70; font-style: italic; }

.hero-mobile { display: none; background: #fff; }

.summary-tablet, .summary-mobile  {  display: none; }

.author, .facts, .contact { padding: 85px 15px 100px; }
h2 { font-family: sanchez, arial, sans-serif; font-size: 30px; color: #00aac6; }

.footer { background: #00aac6; color: #fff; padding: 40px 12px 35px; }
.footer p { font-size: 14px; }
.footer p.disclaimer { font-size: 12px; line-height: 16px; font-style: italic; padding-top: 10px; }

.carousel-control { display: none; }

.modal-title { font-family: oswald, arial, sans-serif; font-size: 27px; text-transform: uppercase; color: #592c82; }

.modal-mobile { display: none; }
.modal-mobile .btn-group { margin-right: 10px; margin-bottom: 10px; }

/* Hubspot form */
.hs-form-field { padding-bottom: 15px; }
.hs-form-required { color: #00aac6; }
.hs-input { /*display: block;*/ width: 100%; /*height: 34px;*/ padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #000; background-color: #F1F1F2; background-image: none; border: none; border-radius: 1px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; margin-bottom: 4px; }
.hs-button.primary.large { background: #592C82; border: 0; padding: 10px 15px; color: #fff; font-family: oswald, Arial, sans-serif; text-transform: uppercase; }
.hs-error-msgs li { list-style: none; margin-left: -40px; background: #00aac6; color: #fff; padding: 5px 10px; }
.hs-error-msg li label { font-weight: normal; }   
.input > ul { list-style: none; padding: 0; }   

@media (max-width: 1318px) {
	.carousel-caption2 { top: 15%; left: 9%; right: 52%; }
}

@media (max-width: 1280px) {
	.carousel-caption { right: 15%; }
	.carousel-caption2 { top: 10%; left: 10%; }
}

@media (max-width: 1200px) {
	.carousel-caption2 .summary-desktop, .carousel-caption2 .summary-mobile { display: none; }
	.carousel-caption2 .summary-tablet{ display: block; }
	/*.summary-tablet, .summary-desktop { display: none; }
	.summary-mobile { display: block}*/
	.carousel-indicators {
		position: absolute;
		bottom: 10px;
		left: 65%; right: 5%; text-align: right;
	}
	.carousel-caption2  { left: 8%; }
	.hero2 { background-position: 30%; }
}

@media (max-width: 1129px) {
	.carousel-caption { top: 10%; }
}

@media (max-width: 1100px) {
	.carousel-caption .summary-desktop {display: none; }
	.carousel-caption .summary-tablet {display: block; }
	.carousel-caption { top: 15%; }
	.carousel-caption2 { top: 15%; }
	.carousel-caption2 h1 {font-size: 26px; }
	.carousel-caption2 .summary-tablet,  .carousel-caption2 .summary-desktop{ display: none; }
	.carousel-caption2 .summary-mobile { display: block; }
}

@media (max-width: 1024px) {
	.carousel-caption { top: 9%; left: 35%; right: 17%; }
	.carousel-caption2 { top: 14%; left: 4%; right: 50%; }
	.carousel-caption h1, .carousel-caption2 h1 { font-size: 28px; }
	.carousel-indicators { bottom: 10px; left: 90%; z-index: 15; width: 80px; margin-left: 0%; padding-left: 0; list-style: none; text-align: center; }
	.btn-group.pdf { margin-right: 10px; }
	/*.summary-tablet, .carousel-caption2 .summary-tablet { display: inline-block; }
	.summary-desktop, .summary-mobile, .carousel-caption2 .summary-mobile { display: none; }*/
	.carousel-caption2 .btn-group.pdf { margin-bottom: 0px; }
}

@media (max-width: 992px) {
	.navbar-right { margin-top: 32px; /*width: 100%;*/  margin-right: 0; /*margin-right: -165px;*/}
	/*.navbar-brand { padding-left: 15px; }*/
}

@media (max-width: 991px) {
	.navbar-right { padding-left: 0; margin-right: -60px; margin-top: -20px; font-size: 13px; } 
	.navbar-brand { padding-left: 0; }

	.hero2 { padding-top: 0; background-position: 50%; }
	.hero2 h1 { font-size: 36px; }
	.hero3 h1 { font-size: 56px; }
	.hero3 { background-position: 90% top; }

	.btn-group.pdf  { margin-bottom: 15px; }
}

@media (min-width: 991px) {
	.hero3 .blurb { padding-right: 30px; }
}

@media (max-width: 990px) {
	.navbar-right {margin-right: -70px;  margin-top: 30px; }
	/*.navbar-brand { margin-left: -50px; }*/

	.navbar-nav > li > a.order-desktop { display: none; }
	.navbar-nav > li > a.btn.btn-outline.order-mobile { display: block; margin-top: 3px; padding: 8px 14px; }
}

@media (max-width: 960px) {
	/*.navbar-nav > li > a.btn-outline, .btn-outline { font-size: 13px; padding: 10px 15px; }
	.navbar-right {  margin-right: -5%; }

	.navbar-brand { margin-left: -75px; }

	.carousel-caption .summary-tablet { display: none}
	.carousel-caption .summary-mobile { display: block}
	.carousel-caption { top: 15%; }
	}

	@media (max-width: 959px) {

	/*.navbar-right { margin-top: 42px; }*/
}

@media (max-width: 952px) {
	/*.navbar-brand { margin-left: -60px; }*/
}

@media (max-width: 900px) {
	.hero2 { background-position: 70%; }
	.hero2 p { font-size: 14px; }
	.navbar-right {  margin-right: -5%; }
	.navbar-nav > li > a { padding: 10px; }
	.hero3 .blurb { background: rgba(241,242,242,0.9); padding: 15px; }
/*
	.logo-desktop { display: none; }
	.logo-mobile  { display: block; }

	.navbar { min-height: 108px}

	.navbar-brand { margin-left: -10%; }


	.carousel-caption .summary-tablet { display: none; }
	.carousel-caption .summary-mobile { display: block; }

	.carousel-caption2 h1 { font-size: 24px; }
	.carousel-caption2 { right: 47%; }
	.hero p { font-size: 14px; line-height: 18px; }
*/
}


@media (max-width: 850px) {
	.navbar-brand { margin-left: 0%; }
	.carousel-caption { right: 16%; }
	.carousel-caption h1 { font-size: 24px; }
	.carousel-caption2 { right: 40%; }
	.carousel-caption2 p.summary-mobile { padding-right: 75px; }
}

@media (max-width: 803px) {
	.carousel-caption { right: 14%; }
}

@media (max-width: 800px) {
	.carousel-caption h1, .carousel-caption2 h1  { font-size: 23px; }
	.logo-mobile { display: block; }

	.logo-desktop { display: none; }

	.navbar-brand { margin-left: 0; }

	.navbar-right { margin-right: 0%; /*width: 100%; margin-top: 20px;*/ /*margin-right: -136px;*/}

	.navbar-nav > li > a.btn-outline, .btn-outline { font-size: 12px; padding: 10px 15px; }

	.carousel-caption { top: 14%; right: 12%; }
	.carousel-caption2 { top: 15%; right: 40%; }
	.carousel-caption2 p { margin-right: 30px; }

	.hero p.edition { font-size: 14px; }
	.hero p { font-size: 14px; line-height: 20px; }

	.summary-desktop, .summary-tablet { display: none; } .summary-mobile { display: block; }
	.carousel-caption2 .summary-tablet { display: none; }
	.carousel-caption2 .summary-mobile { display: block; }
}

@media (max-width: 768px) {
	.container { padding: 0 25px; }
	.hero2 { background: #fff url(../img/slider/hero-13th.jpg) no-repeat; background-position: 70%; height: 420px; padding: 0px 0; }
	.hero2 h1 {font-family: Oswald, Arial, sans-serif; font-size: 30px;text-transform: uppercase; margin-top: 85px; }
	.hero2 h1 span { font-family: oswald-light; }
	.hero2 p.subhead { font-family: sanchez, arial, sans-serif; font-size: 15px; color: #00aac6; padding-bottom: 10px; }
	.hero2 p { font-size: 14px; }

	.btn-group.pdf { margin-bottom: 25px; }
	.reference { padding: 40px 0; }
	/*.hero2 h1 sup { top: -14px; font-size: 50%; }
	.hero2 p { font-size: 15px; line-height: 22px; }
	.order-btns { padding-top: 20px; }*/

	.navbar { min-height: 103px; }
	.navbar-brand { padding-top: 12px; /*margin-left: 10px;*/}
	.navbar-right { margin-top: 28px; /*width: 90%; margin-right: -90px;*/ font-size: 14px; }
	.navbar-nav > li > a { padding: 10px 5px; }

	.carousel-caption { top: 8%; left: 35%; right: 15%; }
	.carousel-caption2 { /*top: 11%;*/ left: 3.5%; right: 46%; }
	.carousel-caption h1 { font-size: 24px; }

	.carousel-caption2 h1 { font-size: 22px; }
	.hero p, .hero p.edition { font-size: 14px; }
	.hero p { line-height: 22px; }
	.carousel-caption2 p.summary-mobile { padding-right: 30px; }
	.btn-group { padding: 0px; }
	.carousel-caption2 .btn-group.pdf { margin-right: 0px; margin-bottom: 0; }
	.carousel-caption .btn-group.pdf { margin-right: 0; }

	.summary-desktop,  .summary-tablet { display: none; }
	.summary-mobile { display: inline-block; }

	.logo-desktop { display: none; }
	.logo-mobile { display: inline; }

	.quiz-navbar { height: 118px; }
	.quiz-tablet { display: inline-block; }
	.quiz-hide { display: none; }
}

@media (max-width: 767px) {
	.hero2 { background: #fff; min-height: auto; height: auto; padding-left: 20px; padding-bottom: 40px; }
	.hero2 h1 { color: #592C82; margin-top: 40px; }
	.hero2 p { width: 100%; color: #6d6e70; }
	.hero3 { background: #f1f1f1; }

	.btn-group.pdf { margin-bottom: 0; }

	.navbar-default .navbar-collapse { background: #f8f8f8; margin: 41px -25px 0 -25px; padding: 0 30px 15px; }
	.navbar-nav > li > a.btn-outline, .btn-outline { font-size: 14px; }

	.navbar-default .navbar-nav > li > a { color: #0070b9;  }

	.navbar-brand { margin-left: 41%}
	.navbar-right { width: 100%; margin-right: 0; margin-top: 10px; padding-top: 0;margin-left: -5px; text-align: center; }

	.navbar-nav > li > a.btn.btn-outline.order-desktop { border: none; display: inline-block; margin-left: -4px; color: #fff; }
	.navbar-nav > li > a.btn.btn-outline.order-mobile { display: none; }

	.logo-mobile { text-align: center; }

	.carousel-caption { right: 13%; }

	/*.reference { background: #f1f1f1; //padding: 60px 15px 65px; }*/
	.reference p { padding: 20px; }

	/*.hero { display: none}
	.hero-mobile { display: block; }*/

	.modal-desktop { display: none; }
	.modal-mobile { display: block; }
}

@media (max-width: 759px) {
	.carousel-caption2 { right: 40%; }
	.hero2 { background-position: 46px 0%; }
}

/* iPhone 6+ landscape */
@media (max-width: 737px) {
	.navbar-brand  {  margin-left: 40%; }
	/*.reference { padding: 80px 15px 45px; }*/
	.quote { font-size: 20px; }
	.hero { display: none; }
	.hero-mobile { display: block; margin-top: -20px; }
	.hero-mobile .container { padding: 15px 30px 55px; }
	.hero-mobile p { padding-bottom: 10px; }
	.btn-group.pdf { margin-right: 10px; }
}

@media (max-width: 700px) {
	.navbar-brand  { text-align: center; /*margin-left: 39.5%;*/ }
	/*.navbar-default .navbar-collapse {  margin: 27px -25px 0 -25px; padding-top: 0; }*/
	/*.navbar { min-height: 45px; }*/

	.hero { display: none; }
	.hero-mobile { margin-top: -20px; padding-bottom: 20px; display: block; }

	.hero-mobile .container { padding: 20px 30px 40px; }

	/*.reference {}*/

	/*.quote { font-family: sanchez; padding-top: 20px; padding-bottom: 10px; font-size: 16px; line-height: 24px; }*/

	.btn-group.pdf  {margin-right: 10px; }
}

/* Nexus 7 */
@media (max-width: 600px) {
	/*.hero2 { background: none; background-color: #fff; height: auto; padding-bottom: 50px; }*/
	.hero2 p { width: 100%; }
	.quote { font-size: 16px; line-height: 24px; }
}

/* Nexus 4/5 landscape */
@media (max-width: 598px) {
	/*.navbar-brand { margin-left: 38%}*/
	/*.hero2 { background-position: 50% 0; }*/
	/*.hero2 h1 { margin-top: 58px; }*/
}

/* iPhone 5 landscape */
@media (max-width: 568px) {
	/*.navbar-brand { margin-left: 37.5%}*/
}

/* iPhone 4 landscape */
@media (max-width: 480px) {
	/*.navbar-brand { margin-left: 35%}*/
	.btn-group { margin-top: 2px; }
	.quiz-tablet { display: none; }
	.quiz-mobile { display: inline; margin-top: 0px; }

	.hero3 h1 { font-size: 46px; }
}

/* iPhone 6+ */
@media (max-width: 414px) {
	.navbar-default .navbar-collapse {  margin: 41px -25px 0 -25px; }
	.navbar-brand { margin-left: 36%}

	.btn-group.pdf  { margin-bottom: 10px; }

	.author { padding-top: 30px; }

	.media-left { display: block; text-align: center; }
}

/* Nexus 4 */
@media (max-width: 384px) {
	.navbar-brand { margin-left: 34%}
	.hero3 h1 { font-size: 36px; }
}

/* iPhone 6 */
@media (max-width: 375px) {
	/*.navbar-brand { margin-left: 30%; }*/
	.modal-title { font-size: 23px; }
}

/* Nexus 5 */
@media (max-width: 360px) {
	.navbar-brand { margin-left: 29%}
}

/* iPhone 4/5 */
@media (max-width: 320px) {
	.hero2 { margin-bottom: 40px; }
	.hero2 h1 { margin-top: 70px; }
	.navbar { min-height: 79px; }
	.navbar-header { height: 79px; }
	.navbar-brand  { margin-left: 26.5%; float: none; }
	.navbar-toggle { margin-top: 16px; margin-right: 0; }
	.navbar-default .navbar-collapse {  margin: 0px -25px 0 -25px; padding-top: 0; }
	.logo-mobile { width: 43%}
	h1 { font-size: 28px; }
	.btn-group.pdf { margin-bottom: 10px; }
	.hero3 h1 { font-size: 30px; }
}