html, body {
	color: #4a7181;
	background: white;
	font-family: 'Arial', sans-serif;
	font-size: 1em;
	width: 100%;
	max-width: 1920px;
	height: 100%;
	margin:0;
	padding:0;
}


/* Header - All Pages
--------------------------------------------- */

header {
	background-color: white;
	font-family: 'Arial', san-serif;
	/*   -webkit-box-shadow: 0 4px 6px -6px #222;
	  -moz-box-shadow: 0 4px 6px -6px #222;
	  box-shadow: 0 4px 6px -6px #222; */
	/* border-bottom: thin solid #F0F0F0; */
	border-bottom: thin solid #b4c0c3;
	line-height: 0;
	top: 0;
	width: 100%; height: 78px;
	position: fixed;
    z-index:10;
    background:inherit;
	float: left;
}

#header-container {
	width: 86%;
	position: relative;
	top: 0;
	left: calc(50% - 43%);
	float: left;
}

#horselogo {
	width: 65px;
	margin: 6px 0 0;
	float: left;
}

#sp8-logo-1 {
	width: 100px;
	margin: 13px 0 0 6px;
	float: left;
}

#vertline {
	margin: 25px 0 0;
	padding: 0 15px 0 14px;
	float: left;
}

#sp8-logo-2 {
	width: 180px;
	margin: 19px 0 0 0;
	float: left;
}

#sp8-logo-3 {
	width: 55px;
	margin: 15px 0 0 0;
	float: left;
	display: none;
}

#phone {
	color: #5b8b99;
	font-size: 1em;
	text-align: right;
	line-height: 1.4;
	margin: 12px 0 0 12px;
	float: right;
}

#main-image {
	line-height: 0;
	margin-top: 80px;
	width: 100%;
	float: left;
}

#about-pic {
	line-height: 0;
	width: 86%;
	position: relative;
	left: calc(50% - 43%);
	margin-top: 80px;
	width: 100%;
	float: left;
}

#about-pic img { width: 86%; }


.yellow { border-top: 3px solid #f3b82e; }

.blue { border-top: 4px solid #4a7181; }


/* Header - Media Queries
--------------------------------------------- */

@media screen and (max-width: 1100px) {
	#sp8-logo-1 { width: 90px; margin: 16px 0 0 0px; }
	#vertline { margin: 27px 0 0 4px; padding: 0 10px 0 8px; }
	#sp8-logo-2 { width: 140px; margin: 24px 0 0 0; }
}
@media screen and (max-width: 960px) {
	#header-container { width: 86%; left: calc(50% - 43%); }
	#horselogo { width: 62px; margin: 8px 0 0; float: left; }
	#sp8-logo-1 { width: 90px; margin: 16px 0 0 0; }
	#vertline { margin: 26px 0 0 4px; padding: 0 10px 0 8px; }
	#sp8-logo-2 { width: 140px; margin: 23px 0 0 0; }
	#phone { display: none; }
}
@media screen and (max-width: 780px) {
	#header-container { width: 100%; left: 0; float: none; }
	#horselogo { width: 61px; margin: 8px 0 0 5%; float: left; }
	#sp8-logo-1 { width: 90px; margin: 16px 0 0 8px; }
	#vertline { margin: 25px 0 0 4px; padding: 0 10px 0 8px; }
	#sp8-logo-2 { width: 140px; margin: 22px 0 0 0; }
	#phone { display: none; }
}
@media screen and (max-width: 660px) {
	header {  height: 70px; }
	#header-container { width: 100%; left: 0; float: none; }
	#horselogo { width: 53px; margin: 8px 0 0 5%; float: left; }
	#sp8-logo-1 { width: 85px; margin: 10px 0 0 8px; }
	#vertline { margin: 18px 0 0 4px; padding: 0 7px 0 8px; }
	#sp8-logo-2 { width: 140px; margin: 16px 0 0 0; }
	#main-image { margin-top: 65px; }
}
@media screen and (max-width: 480px) {
	header {  height: 65px; }
	#header-container { width: 100%; left: 0; float: none; }
	#horselogo { width: 45px; margin: 10px 0 0 5%; float: left; }
	#sp8-logo-1 { width: 75px; margin: 13px 0 0 5px; }
	#vertline { margin: 16px 0 0; padding: 0 4px 0 4px; }
	#sp8-logo-2 { width: 118px; margin: 17px 0 0 0; }
}
@media screen and (max-width: 350px) {
	header {  height: 65px; }
	#header-container { width: 100%; left: 0; float: none; }
	#horselogo { display:none; }
	#sp8-logo-1 { width: 70px; margin: 13px 0 0 5%; }
	#vertline { margin: 16px 0 0; padding: 0 4px 0 4px; }
	#sp8-logo-2 { width: 114px; margin: 17px 0 0 0; }
}

@media screen and (max-width: 300px) {
	header {  height: 65px; }
	#header-container { width: 100%; left: 0; float: none; }
	#horselogo { display:none; }
	#sp8-logo-1 { width: 70px; margin: 13px 0 0 5%; }
	#vertline { margin: 16px 0 0; padding: 0 4px 0 4px; }
	#sp8-logo-2 { width: 108px; margin: 17px 0 0 0; }
}

@media screen and (max-width: 275px) {
	header {  height: 55px; }
	#header-container { width: 100%; left: 0; float: none; }
	#sp8-logo-1 { width: 55px; margin: 13px 0 0 5%; }
	#vertline { margin: 18px 4px 0; padding: 0; }
	#vertline img { width: 60%; padding: 0; }
	#sp8-logo-2 { width: 90px; margin: 15px 0 0 0; }
	#main-image { margin-top: 55px; }
}



/* Navigation
--------------------------------------------- */

nav	{
	width: 40%;
	margin: 28px 3% 0 0;
	float: right;
}

nav ul	{
	list-style: none;
	padding: 1em 0;
	text-align: right;
}

/* nav li and li a
-------------------- */

nav ul li {
	text-align: left;
	display: inline-block;
}

nav ul li:hover ul {
	display: block;
	visibility: visible;
    opacity: 1;
}

nav ul li:nth-of-type(1) { width: 55px; }
nav ul li:nth-of-type(2) { width: 60px; }
nav ul li:nth-of-type(3) { width: 81px; }
nav ul li:nth-of-type(4) { width: 60px; }

/*Make link stay a certain color when hovered over and left*/
nav ul li:hover > a { border-bottom: 2px solid white; }

nav ul li a {
	color: black;
	font-size: .85em;
	text-decoration: none;
	text-align: left;
}

/* hamburger menu
--------------------------- */

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	cursor: pointer; 
	display: none;
}

/*Hide checkbox*/
input[type=checkbox] { display: none; }

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu { display: block; }



/* Navigation Media Query
--------------------------------------------- */

@media screen and (max-width: 1100px) {
	nav ul li:nth-of-type(1) { width: 50px; }
	nav ul li:nth-of-type(2) { width: 55px; }
	nav ul li:nth-of-type(3) { width: 74px; }
	nav ul li:nth-of-type(4) { width: 53px; }

	nav ul li a { font-size: .75em; }
}		

@media screen and (max-width: 960px) {
	nav {
		width: 48%;
		margin: 28px 0 0 0; }
	
	nav ul {
		float: right; }
}	

@media screen and (max-width: 780px) {
	nav {
		width: 100%;
		opacity: 1.0 !important;
		filter: alpha(opacity=100); /* For IE8 and earlier */
		float: none; }

	/*Make dropdown links appear inline*/
	nav ul {
		width: 100%;
		padding: 6em 0 0;
		display: none;
		float: right; }

	/*Create vertical spacing*/
	nav ul li {
		font-weight: normal;
		line-height: 40px;
		width: 100% !important;
		margin: 0; padding: 0; }
		
	nav ul li:hover { background: #f1e760; }

	li:hover a {
		background-color: #f1e760;
		color: white !important;
		font-weight: bold; }
	
	/*Style*/
	nav ul li a {
		font-size: 1.2em;
		border-bottom: none !important;
		text-align: center;
		margin: 0;
		height: 100%;
		display: block; }

	nav ul li a.active-link {
		font-size: 1.5em;
		text-decoration: underline; }

	nav ul li a:hover {
		color: white !important;
		width: 100%; }
	
	/*Display 'show menu' link*/
	.show-menu {
		display: block;
		text-align: right;
		margin-right: 5%;
		float: right; }
	
	/*Show menu when invisible checkbox is checked*/
	input[type=checkbox]:checked ~ #menu {
		background-color: white; margin-top: 6px;
		border-top: 1px solid silver; display: inherit; height: 100vh; }
}

@media screen and (max-width: 660px) {

	.show-menu {
		display: block;
		text-align: right;
		margin: -5px 5% 0 0;
		float: right; }

	/*Show menu when invisible checkbox is checked*/
	input[type=checkbox]:checked ~ #menu {
		background-color: white; margin-top: 6px;
		border-top: 1px solid silver; display: inherit; height: 100vh; }
}

@media screen and (max-width: 480px) {
	.show-menu {
		display: block;
		text-align: right;
		margin: -5px 5% 0 0;
		float: right; }

	/*Show menu when invisible checkbox is checked*/
	input[type=checkbox]:checked ~ #menu {
		background-color: white;
		margin-top: 7px; display: inherit; height: 100vh; }
}

@media screen and (max-width: 350px) {
	.show-menu {
		display: block;
		text-align: right;
		margin: -6px 5% 0 0;
		float: right; }

	/*Show menu when invisible checkbox is checked*/
	input[type=checkbox]:checked ~ #menu {
		background-color: white;
		margin-top: 9px; display: inherit; height: 100vh; }
}

@media screen and (max-width: 300px) {
	.show-menu {
		display: block;
		text-align: right;
		margin: -8px 5% 0 0;
		float: right; }

	/*Show menu when invisible checkbox is checked*/
	input[type=checkbox]:checked ~ #menu {
		background-color: white;
		margin-top: 9px; display: inherit; height: 100vh; }
}

@media screen and (max-width: 275px) {
	.show-menu {
		display: block;
		text-align: right;
		margin: -11px 5% 0 0;
		float: right; }

	/*Show menu when invisible checkbox is checked*/
	input[type=checkbox]:checked ~ #menu {
		background-color: white;
		margin-top: 9px; display: inherit; height: 100vh; }
}



/* Home Page
--------------------------------------------- */

#services {
	line-height: 1.5em;
	width: 100%;
	float: left;
}

#services h1 {
	/* color: #f48924; */
	color: #4a7181;
	font-family: 'Roboto', sans-serif;
	font-size: 2.5em;
	font-weight: 500;
	line-height: 1.2;
	position: relative;
	left: calc(50% - 30%);
	width: 60%;
	text-align: left;
	padding: 1.5em 0 1em;
	float: left;
}

#services p {
	font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
	font-weight: 300;
	line-height: 1.8;
	position: relative;
	top: 0;
	left: calc(50% - 30%);
	width: 60%;
	margin-bottom: 5em;
	float: left;
}

#block-container {
	background-color: #4a7181;
	width: 100%;
	float: left;
}

#block {
	font-family: 'Roboto', sans-serif;
	line-height: 1.8;
	width: 86%;
	margin: 0 auto;
}

#block-left {
	color: white;
	width: 47%;
	float: left;
	padding: 6em 0;
}

#block-right h1 {
	font-size: 1.8em;
	margin-top: -.4em;
	margin-bottom: 0em;
}

#block-right {
	color: white;
	font-size: 1.2em;
	font-weight: 300; 
	width: 47%;
	float: right;
	padding: 4em 0;
}

#thumbnailgallery {
	font-size: .90em;
	line-height: 1.2em;
	width: 86%;
	position: relative;
	left: calc(50% - 43%);
	float: left;
	margin-top: 7em;
}

#thumbnailgallery h2 {
	color: #f48924;
	font-size: 2.75em;
	line-height: 1.2;
	position: relative;
	text-align: center;
}

#thumbnailgallery h3 {
	color: #022d64;
	font-size: 1.75em;
	position: relative;
	text-align: center;
	padding: 1em 0 0;
}

#thumbnailgallery h4 {
	color: #022d64;
	font-size: 1.1em;
	position: relative;
	text-align: center;
	padding: 0;
}

#thumbnailgallery li {
	width: 23.75%;
	margin-top: 2.5em;
	display: inline-block;
}

#thumbnailgallery li:first-child, #thumbnailgallery li:nth-child(2), #thumbnailgallery li:nth-child(3) {
	margin-right: 1%; }

#thumbnailgallery li:nth-child(4) { margin-right: 0; }

#thumbnailgallery li img { width: 100%; }

#thumbnailgallery li figcaption { line-height: 1.2; }

#supplements {
	font-size: .90em;
	font-family: 'Arial', sans-serif;
	line-height: 1.4em;
	position: relative;
	left: calc(50% - 43%);
	width: 86%;
	margin-top: 4em;
	float: left;
}

#supplements h1 {
	color: #f48924;
	font-family: 'Arial', sans-serif;
	text-shadow : 0 0 0 #d15426;
	font-size: 1.5em;
	text-align: center;
	line-height: 1.5em;
	margin: 0; padding: 0;
}

#see-oa {
	color: #022d64;
	font-family: 'Arial', sans-serif;
	text-shadow : 0 0 0 #d15426;
	font-size: 1.4em;
	text-align: center;
	line-height: 1.5em;
	margin: 1em 0 0; padding: 0;
}

#omega-alpha-logo {
	width: 130px;
	margin: 2em auto 0;
}


/* Home Page Media Queries
--------------------------- */

@media screen and (max-width: 1100px) {
	#services h1 { width: 86%; padding: 1em 0 .75em; left: calc(50% - 43%); }
	#services p { width: 86%; left: calc(50% - 43%); }
	#thumbnailgallery h2 { font-size: 2.5em; }
	#supplements { 	margin: 6% 0 1%; }
}

@media screen and (max-width: 960px) {
	#services h1 { font-size: 2em; line-height: 1.2; width: 86%; padding: 1.5em 0 .75em; left: calc(50% - 43%); }
	#services p { font-size: 1.1em; width: 86%; left: calc(50% - 43%); margin-bottom: 4.5em; }
	#block-right { font-size: 1.1em; padding: 4.5em 0; }
	#block-right h1 { font-size: 1.5em; }
	#block-right p { line-height: 1.8; }
	#thumbnailgallery h2 { font-size: 2.25em; }
	#thumbnailgallery h3 { font-size: 1.5em; }
}

@media screen and (max-width: 780px) {
	#services h1 { font-size: 2em; text-align: left; line-height: 1.2; width: 94%; left: calc(50% - 47%); padding: 1.5em 0 .75em; }
	#services p { font-size: 1.1em; width: 94%; left: calc(50% - 47%); margin-bottom: 3.5em; padding: 0; }
	#block-left { padding: 5em 0 2em; width: 100%; }
	#block-right { font-size: 1.1em; width: 100%; padding: 1em 0 4em; }
	#block-right p { line-height: 1.8; }
	#block-right h1 { font-size: 1.6em; line-height: .90em; }
	#thumbnailgallery { margin-top: 2em; }
	#thumbnailgallery h2 { font-size: 2.25em; padding: 2em 0 0; }
	#thumbnailgallery li:first-child, #thumbnailgallery li:nth-child(2) { width: 31%; margin-right: 1.25%; }
	#thumbnailgallery li:nth-child(3) { width: 31%; margin-right: 0; }
	#thumbnailgallery li:nth-child(4) { display: none; }
}

@media screen and (max-width: 660px) {
	#services h1 { font-size: 1.5em; line-height: 1.1; width: 90%; left: calc(50% - 45%); padding: 2em 0 1em; }
	#services p { font-size: 1em; width: 90%; left: calc(50% - 45%); }
	#block-left { padding: 5em 0 2em; width: 100%; }
	#block-right { font-size: 1em; width: 100%; padding: 1em 0 4em; }
	#thumbnailgallery h2 { font-size: 2em; }
	#thumbnailgallery h3 { font-size: 1.25em; }
	#thumbnailgallery h4 { font-size: 1em; }
	#thumbnailgallery li:first-child, #thumbnailgallery li:nth-child(2) { width: 29%; margin: 2em 1% 0; }
	#thumbnailgallery li:nth-child(3) { width: 33%; margin: 2em 0 0; }
	#supplements { margin: 8% 0 1%; }
	#supplements h1 { font-size: 1.3em; }
	#see-oa { font-size: 1.2em; }
}

@media screen and (max-width: 480px) {
	#services h1 { font-size: 1.4em; line-height: 1; width: 90%; left: calc(50% - 45%); padding: 2em 0 1em; }
	#services p { font-size: 1em; width: 90%; left: calc(50% - 45%); }
	#block-left { padding: 5em 0 2em; width: 100%; }
	#block-right { font-size: 1em; width: 100%; padding: 1em 0 4em; }
	#thumbnailgallery li { margin-top: 1em; }
	#block-right h1 { font-size: 1.4em; }
	#thumbnailgallery { margin-top: 2em; }
	#thumbnailgallery h3 { font-size: 1.5em; }
	#thumbnailgallery h4 { font-size: 1em; }
	#thumbnailgallery li:first-child, #thumbnailgallery li:nth-child(2) { width: 29%; margin: 1em 1% 0; }
	#thumbnailgallery li:nth-child(3) { width: 33%; margin: 1.5em 0 0; }
	#supplements h1 { font-size: 1.3em; }
	#see-oa { font-size: 1.1em; }
	#omega-alpha-logo { width: 100px; }
}

@media screen and (max-width: 400px) {
	#services p { font-size: 1em; width: 90%; left: calc(50% - 45%); }
	#block-left { padding: 5em 0 2em; width: 100%; }
	#block-right { font-size: 1em; width: 100%; padding: 1em 0 4em; }
	#thumbnailgallery h3 { font-size: 1.5em; }
	#thumbnailgallery h4 { font-size: 1.2em; }
	#thumbnailgallery li:first-child, #thumbnailgallery li:nth-child(2) { width: 47%; margin: 1em 1% 0 0; }
	#thumbnailgallery li:nth-child(3) { display: none; }
	#supplements { margin: 9% 0 1%; }
	#supplements h1 { font-size: 1.3em; }
	#see-oa { font-size: 1.1em; }
	#omega-alpha-logo { width: 100px; }
}

@media screen and (max-width: 350px) {
	#services h1 { font-size: 1.3em; line-height: 1; padding: 2em 0 1em; }
	#services p { font-size: 1em; width: 90%; left: calc(50% - 45%); margin-bottom: 4em; }
	#block-left { padding: 5em 0 2em; width: 100%; }
	#block-right { font-size: 1em; width: 100%; padding: 1em 0 4em; }
	#thumbnailgallery { margin-top: 2.5em; }
	#thumbnailgallery h2 { font-size: 1.75em; padding: 1em 0 0; }
	#thumbnailgallery h3 { font-size: 1.3em; }
	#thumbnailgallery h4 { font-size: 1em; }
	#thumbnailgallery li:first-child, #thumbnailgallery li:nth-child(2) { width: 47%; margin: 1em 1% 0 0; }
	#thumbnailgallery li:nth-child(3) { display: none; }
	#thumbnailgallery li { width: 47%; margin: 0; }
	#supplements h1 { margin: 6% 0 1%; }
}

@media screen and (max-width: 300px) {
	#services p { font-size: .90em; margin-bottom: 3em; }
	#block-left { padding: 3em 0 2em; width: 100%; }
	#block-right { font-size: .90em; width: 100%; padding: 0 0 3em; }
	#thumbnailgallery h2 { font-size: 1.5em; }
	#thumbnailgallery h3 { font-size: 1.2em; }
	#thumbnailgallery h4 { font-size: 1em; }
	#thumbnailgallery li:nth-child(3) { display: none; }
	#thumbnailgallery li:first-child, #thumbnailgallery li:nth-child(2) { width: 47%; margin: 1em 1% 0 0; }
	#supplements { margin: 9% 0 1%; }
	#see-oa { font-size: 1em; }
	#omega-alpha-logo { width: 100px; }
}

@media screen and (max-width: 250px) {
	#thumbnailgallery h2 { font-size: 1.5em; }
	#thumbnailgallery h3 { font-size: 1.1em; }
	#thumbnailgallery h4 { font-size: 1em; }
	#thumbnailgallery li:nth-child(3) { display: none; }
	#thumbnailgallery li:first-child, #thumbnailgallery li:nth-child(2) { width: 47%; margin: 2em 1% 0 0; }
	#supplements { margin: 10% 0 1%; }
	#see-oa { font-size: 1em; }
	#omega-alpha-logo { width: 100px; }
}



/* About Page
--------------------------------------------- */

#about-intro {
	font-family: 'Roboto', sans-serif;
	line-height: 1.5em;
	width: 100%;
	float: left;
}

#horse {
	line-height: 0;
	width: 100%;
	margin-top: 140px;
	position: relative;
	text-align: center;
	float: left;
}

#horse img { width: 55px; }

#about-intro h1 {
	color: #4a7181;
	font-size: 2.5em;
	font-weight: 500;
	text-align: center;
	line-height: 1.2;
	width: 60%;
	position: relative;
	left: calc(50% - 30%);
	float: left;
}

#about-intro p {
	font-size: 1.2em;
	font-weight: 300;
	text-align: center;
	line-height: 1.8;
	width: 60%;
	position: relative;
	left: calc(50% - 30%);
	margin-top: 1em;
	float: left;
}

#carla-container {
	font-family: 'Roboto', sans-serif;
	width: 100%;
	margin-top: 4em;
	float: left;
}

#meet {
	color: #f48924;
	font-family: 'Roboto', sans-serif;
	font-size: 1.3em;
	font-weight: 400;
	text-align: left;
	border-top: thin solid #b4c0c3;
	line-height: 1.8;
	width: 86%;
	position: relative;
	left: calc(50% - 43%);
	margin: 0 0 .5em;
	padding: .5em 0;
	float: left;
}

#carla {
	width: 86%;
	margin: 0 auto;
}

#carla-left {
	width: 47%;
	margin: 0 30px 8px 0;
	float: left;
}

#carla-right {
	color: #4a7181;
	font-size: 1em;
	font-weight: 300;
	line-height: 1.7;
	width: 100%;
	float: right;
	border-bottom: thin solid #b4c0c3;
	padding-bottom: 3.5em;
}

#carla-right h1 {
	color: #f48924;
	font-size: 1.6em;
	font-weight: 400;
	margin-top: -.4em;
	margin-bottom: .5em;
}

#rene-container {
	font-family: 'Roboto', sans-serif;
	width: 100%;
	margin-top: 5em;
	float: left;
}

#rene {
	width: 86%;
	margin: 0 auto;
}

#rene-left {
	color: #4a7181;
	font-size: 1em;
	font-weight: 300;
	line-height: 1.7;
	width: 100%;
	float: left;
	margin: 0;
}

#rene-left h1 {
	color: #f48924;
	font-size: 1.6em;
	font-weight: 400;
	margin-top: -.8em;
	margin-bottom: .5em;
}

#rene-right {
	width: 47%;
	margin: 0 0 8px 30px;
	float: right;
	padding: 0;
}



/* About Page Media Queries
--------------------------- */

@media screen and (max-width: 1100px) {
	#carla-container { margin-top: 3.5em; }
}

@media screen and (max-width: 960px) {
	#about-intro h1 { width: 86%; padding: 0; left: calc(50% - 43%); }
	#about-intro p { width: 86%; left: calc(50% - 43%); text-align: left; }
	#rene-container { margin-top: 5em; }
	#rene-right { margin: 0 0 8px 25px; }
}

@media screen and (max-width: 780px) {
	#horse { margin-top: 120px; }
	#horse img { width: 55px; }
	#about-intro h1 { font-size: 2em; width: 90%; left: calc(50% - 45%); }
	#about-intro p { text-align: left; width: 90%; left: calc(50% - 45%);  }
	#meet { width: 90%; left: calc(50% - 45%); margin: 0 0 1em; }
	#carla-container { margin-top: 3em; }
	#carla { width: 90%; margin-top: 1em; }
	#carla-left { width: 100%; }
	#carla-right { width: 100%; padding-bottom: 3em; }
	#carla-right h1 { margin: 1em 0 .5em; }
	#rene-container { margin-top: 3em; }
	#rene { width: 90%; margin-top: 1em; }
	#rene-left { width: 100%; border-bottom: thin solid #b4c0c3; padding-bottom: 3em;}
	#rene-left h1 { margin: 1em 0 .5em; }
	#rene-right { width: 100%; }
}

@media screen and (max-width: 660px) {
	#horse { margin-top: 100px; }
	#horse img { width: 45px; }
	#about-intro h1 { font-size: 1.6em; }
	#about-intro p { font-size: 1em; width: 90%; left: calc(50% - 45%); }
	#carla-container { margin-top: 2em; }
	#meet { font-size: 1.25em; }
	#carla-right { font-size: 1em; }
	#carla-right h1 { font-size: 1.4em; margin: 1em 0 .5em; }
	#rene-left { font-size: 1em; }
	#rene-left h1 { font-size: 1.4em; margin: 1em 0 .5em; }
}

@media screen and (max-width: 480px) {
	#horse { display: none; }
	#about-intro h1 { text-align: left; font-size: 1.4em; margin-top: 100px; }
	#about-intro p { font-size: 1em; width: 90%; left: calc(50% - 45%); }
	#carla-container { margin-top: 2em; }
	#meet { font-size: 1.25em; margin: 0 0 1em; }
	#carla-right { font-size: 1em; }
	#carla-right h1 { font-size: 1.3em; margin: 1em 0 .5em; }
	#rene-left { font-size: 1em; }
	#rene-left h1 { font-size: 1.3em; margin: 1em 0 .5em; }
}

@media screen and (max-width: 350px) {
	#horse { display: none; }
	#about-intro h1 { text-align: left; font-size: 1.4em; line-height: 1; margin-top: 100px; }
	#about-intro p { font-size: 1em; width: 90%; left: calc(50% - 45%); }
	#carla-container { margin-top: 2em; }
	#meet { font-size: 1.25em; }
	#carla-right { font-size: 1em; }
	#carla-right h1 { font-size: 1.3em; margin: 1em 0 .5em; }
	#rene-container { margin-top: 2em; }
	#rene-left { font-size: 1em; margin: 1em 0 .5em; }
	#rene-left h1 { font-size: 1.3em; margin: 1em 0 .5em; }
}

@media screen and (max-width: 300px) {
	#horse { display: none; }
	#about-intro h1 { text-align: left; font-size: 1.3em; margin-top: 100px; }
	#about-intro p { font-size: 1em; width: 90%; left: calc(50% - 45%); }
	#carla-container { margin-top: 2em; }
	#meet { font-size: 1.25em; }
	#carla-right { font-size: 1em; }
	#carla-right h1 { font-size: 1.3em; margin: 1em 0 .5em; }
	#rene-left { font-size: 1em; }
	#rene-left h1 { font-size: 1.3em; margin: 1em 0 .5em; }
}

@media screen and (max-width: 275px) {
	#horse { display: none; }
	#about-intro h1 { text-align: left; font-size: 1.3em; margin-top: 100px; }
	#about-intro p { font-size: 1em; width: 90%; left: calc(50% - 45%); }
	#carla-container { margin-top: 2em; }
	#meet { font-size: 1em; }
	#carla-right { font-size: 1em; }
	#carla-right h1 { font-size: 1.3em; margin: 1em 0 .5em; }
	#rene-left { font-size: 1em; }
	#rene-left h1 { font-size: 1.3em; margin: 1em 0 .5em; }
}



/* Services Page
--------------------------------------------- */

#services-intro {
	font-family: 'Roboto', sans-serif;
	line-height: 1.5em;
	width: 100%;
	float: left;
}

#horse {
	line-height: 0;
	width: 100%;
	margin-top: 140px;
	position: relative;
	text-align: center;
	float: left;
}

#horse img { width: 55px; }

#services-intro h1 {
	color: #4a7181;
	font-size: 2.5em;
	font-weight: 500;
	text-align: center;
	line-height: 1.2;
	width: 60%;
	position: relative;
	left: calc(50% - 30%);
	float: left;
}

#services-intro p {
	font-size: 1.2em;
	font-weight: 300;
	text-align: center;
	line-height: 1.8;
	width: 60%;
	position: relative;
	left: calc(50% - 30%);
	margin-top: 1em;
	float: left;
}


/* Services Page - Chiropractic
--------------------------------------------- */

#chiropractic-container {
	font-family: 'Roboto', sans-serif;
	width: 100%;
	margin-top: 4em;
	float: left;
}

#what-we-do {
	color: #f48924;
	font-family: 'Roboto', sans-serif;
	font-size: 1.3em;
	font-weight: 400;
	text-align: left;
	border-top: thin solid #b4c0c3;
	line-height: 1.8;
	width: 86%;
	position: relative;
	left: calc(50% - 43%);
	margin: 0 0 .5em;
	padding: .5em 0;
	float: left;
}

#chiropractic {
	width: 86%;
	position: relative;
	left: calc(50% - 43%);
	float: left;
}

#chiropractic-left {
	width: 47%;
	margin: 0 30px 8px 0;
	float: left;
}

#chiropractic-right {
	color: #4a7181;
	font-size: 1em;
	font-weight: 300;
	line-height: 1.7;
	width: 100%;
	float: right;
	border-bottom: thin solid #b4c0c3;
	padding-bottom: 3.5em;
}

#chiropractic-right p:nth-of-type(2) {
	margin-top: 1em;
}

#chiropractic-right h1 {
	color: #f48924;
	font-size: 1.6em;
	font-weight: 400;
	line-height: 1.2em;
	margin-top: -.3em;
	margin-bottom: .5em;
}


/* Services Page - Iridology
--------------------------------------------- */

#iridology-container {
	font-family: 'Roboto', sans-serif;
	width: 100%;
	margin-top: 5em;
	float: left;
}

#iridology {
	width: 86%;
	position: relative;
	left: calc(50% - 43%);
	float: left;
}

#iridology-left {
	color: #4a7181;
	font-size: 1em;
	font-weight: 300;
	line-height: 1.7;
	width: 100%;
	float: left;
	border-bottom: thin solid #b4c0c3;
	padding-bottom: 3.5em;
	margin: 0;
}

#iridology-left h1 {
	color: #f48924;
	font-size: 1.6em;
	font-weight: 400;
	line-height: 1.2em;	
	margin-top: -.4em;
	margin-bottom: .5em;
}

#iridology-right {
	width: 47%;
	margin: 0 0 8px 30px;
	float: right;
	padding: 0;
}


/* Services Page - Saddle and Tack Fitting
--------------------------------------------- */

#saddle-container {
	font-family: 'Roboto', sans-serif;
	width: 100%;
	margin-top: 4.5em;
	float: left;
}

#saddle {
	width: 86%;
	position: relative;
	left: calc(50% - 43%);
	float: left;
}

#saddle-left {
	width: 47%;
	margin: 0 30px 8px 0;
	float: left;
}

#saddle-right {
	color: #4a7181;
	font-size: 1em;
	font-weight: 300;
	line-height: 1.7;
	width: 100%;
	float: right;
	border-bottom: thin solid #b4c0c3;
	padding-bottom: 3.5em;
}

#saddle-right h1 {
	color: #f48924;
	font-size: 1.6em;
	font-weight: 400;
	line-height: 1.2em;
	margin-top: -.4em;
	margin-bottom: .5em;
}


/* Services Page - Nutritional Planning
--------------------------------------------- */

#nutri-container {
	font-family: 'Roboto', sans-serif;
	width: 100%;
	margin-top: 4.5em;
	float: left;
}

#nutri {
	width: 86%;
	position: relative;
	left: calc(50% - 43%);
	float: left;
}

#nutri-left {
	color: #4a7181;
	font-size: 1em;
	font-weight: 300;
	line-height: 1.7;
	width: 100%;
	float: left;
	margin: 0;
}

#nutri-left h1 {
	color: #f48924;
	font-size: 1.6em;
	font-weight: 400;
	line-height: 1.2em;	
	margin-top: -.4em;
	margin-bottom: .5em;
}

#nutri-left p:nth-of-type(2) {
	margin-top: 1em;
}

#nutri-left p:nth-of-type(3) {
	margin-top: 1em;
}

#nutri-right {
	width: 47%;
	margin: 0 0 8px 30px;
	float: right;
	padding: 0;
}


/* Services Page Media Queries
--------------------------- */

@media screen and (max-width: 1100px) {
	#chiropractic-container { margin-top: 3.25em; }
	#chiropractic-right h1 { font-size: 1.4em; margin-top: -.3em; }
	#iridology-container { margin-top: 4.5em; }
	#iridology-left h1 { font-size: 1.4em; margin-top: -.3em; }
	#saddle-container { margin-top: 4.5em; }
	#saddle-right h1 { font-size: 1.4em; margin-top: -.3em; }
	#nutri-container { margin-top: 4.5em; }
	#nutri-left h1 { font-size: 1.4em; margin-top: -.3em; }
}

@media screen and (max-width: 960px) {
	#services-intro h1 { width: 86%; left: calc(50% - 43%); }
	#services-intro p { width: 86%; left: calc(50% - 43%); text-align: left; }
	#chiropractic-container { margin-top: 3.25em; }
	#chiropractic-right { margin: 0 0 8px 25px; }
	#what-we-do { font-size: 1.1em; }
	#iridology-container { margin-top: 4em; }
}

@media screen and (max-width: 780px) {
	#horse { margin-top: 120px; }
	#horse img { width: 55px; }
	#services-intro { width: 100%; }
	#services-intro h1 { font-size: 2em; width: 90%; left: calc(50% - 45%); }
	#services-intro p { text-align: left; width: 90%; left: calc(50% - 45%); }
	#what-we-do { width: 90%; left: calc(50% - 45%); }
	#chiropractic-container { width: 100%; margin-top: 3em; }
	#chiropractic { width: 90%; left: calc(50% - 45%); margin-top: 1em; }
	#iridology-container { width: 100%; }
	#iridology { width: 90%; left: calc(50% - 45%); }
	#saddle-container { width: 100%; }
	#saddle { width: 90%; left: calc(50% - 45%); }
	#nutri-container { width: 100%; }
	#nutri { width: 90%; left: calc(50% - 45%); }
}

@media screen and (max-width: 660px) {
	#horse { margin-top: 100px; }
	#horse img { width: 45px; }
	#what-we-do {font-size: 1.1em; }
	#services-intro h1 { font-size: 1.6em; }
	#services-intro p { font-size: 1em; width: 90%; left: calc(50% - 45%); }
	#chiropractic-right h1 { font-size: 1.3em; margin-top: -.3em; }
	#iridology-left h1 { font-size: 1.3em; margin-top: -.3em; }
	#saddle-right h1 { font-size: 1.3em; margin-top: -.3em; }
	#nutri-left h1 { font-size: 1.3em; margin-top: -.3em; }
}

@media screen and (max-width: 480px) {
	#horse { display: none; }
	#services-intro { font-size: 1em; width: 100%; }
	#services-intro h1 { font-size: 1.4em; text-align: left; margin-top: 100px; }
	#chiropractic-container { margin-top: 2.5em; }
	#chiropractic-left { width: 100%; margin-bottom: 1em; }
	#chiropractic-right { width: 100%; }
	#what-we-do {font-size: 1.1em; }
	#iridology-left { width: 100%; }
	#iridology-right { width: 100%; margin-bottom: 1em; }
	#saddle-left { width: 100%; margin-bottom: 1em; }
	#saddle-right { width: 100%; }
	#nutri-left { width: 100%; border-bottom: thin solid #b4c0c3; padding-bottom: 3.5em;}
	#nutri-right { width: 100%; margin-bottom: 1em; }
}

@media screen and (max-width: 350px) {
	#horse { display: none; }
	#services-intro h1 { text-align: left; font-size: 1.4em; margin-top: 100px; }
	#services-intro p { font-size: 1em; width: 90%; left: calc(50% - 45%); }
}

@media screen and (max-width: 300px) {
	#horse { display: none; }
	#services-intro h1 { text-align: left; font-size: 1.3em; margin-top: 100px; }
	#services-intro p { font-size: 1em; width: 90%; left: calc(50% - 45%); }
}



/* Store Page
--------------------------------------------- */

#store-intro {
	font-family: 'Roboto', sans-serif;
	line-height: 1.5em;
	width: 100%;
	margin-top: 10em;
	float: left;
}

#store-intro h1 {
	color: #4a7181;
	font-size: 2.5em;
	font-weight: 500;
	text-align: center;
	line-height: 1.2;
	width: 86%;
	position: relative;
	left: calc(50% - 43%);
	float: left;
}

#store-intro p {
	font-size: 1.3em;
	font-weight: 400;
	text-align: center;
	line-height: 1.8;
	width: 86%;
	position: relative;
	left: calc(50% - 43%);
	margin: .5em 0 .75em;
	float: left;
}


/* categories li and li a
-------------------- */

#categories	{
	width: 86%;
	position: relative;
	top: 0;
	left: calc(50% - 43%);
	margin: 2em 0 0 0;
	float: left;
}

#categories ul li {
	background-color: /*#f1c96c;*/ #f2e860;
	text-align: center;
	display: inline-block;
}

#categories ul li:hover {
	background-color: #f1c96c;
}

#categories ul li a {
	color: #112c61;
	font-size: .85em;
	text-decoration: none;
	padding: 1em 0;
	display: block;
}

#categories .active {
	background-color: #f1c96c;
}

#categories ul li:nth-of-type(1) { width: 33%; }
#categories ul li:nth-of-type(2) { width: 33%; }
#categories ul li:nth-of-type(3) { width: 33%; }

li { cursor: pointer; }

.nowrap {
    white-space: nowrap;
}

.tab { 
    display: inline-block;
    white-space: normal;
}

.hide {
    display: none;
}


/* pages - category-1
--------------------------------------------- */

#pages {
	width: 100%;
	margin-top: 4.5em;
	float: left;
}

#category-1 {
	width: 86%;
	position: relative;
	left: calc(50% - 43%);
	float: left;
}

#category-1 ul { font-size: .80em; }

#item {
	width: 100%;
	margin-bottom: 4em;
	display: flex;
	flex-wrap: nowrap;
	float: left;
}

button {
	background-color: cornflowerblue;
	color: white;
	font-size: .75em;
	font-weight: 600;
	border-radius: 5px;
	cursor: pointer;
	margin-top: .3em;
	padding: .1em 1em .15em;
	border: none;
	float: right;
}

button:hover {
	background-color: #f2e860;
	color: #4a7181;
}

img {
    height: auto;
    max-width: 100%;
}
img.expanded {
    max-width: none;
}

.item-left {
    display: table-cell;
    text-align:center;
	width: 25%;
	min-width: 225px;
	float: left;
}

.item-right {
	color: #4a7181;
	font-size: 1em;
	font-weight: 300;
	line-height: 1.7;
	width: 74%;
	margin: 1% 0 0;
	float: right;
}

.item-right h1 {
	color: /*#f48924;*/ #4a7181;
	font-size: 1.6em;
	font-weight: 400;
	line-height: 1.2em;
	margin-top: -0.2em;
}

.item-right h2 {
	color: #4a7181;
	font-size: 1.1em;
	font-weight: 400;
	line-height: 1.3em;
	padding: .25em 0;
	border-bottom: 1px solid #4a7181;
	margin-bottom: .5em;
}

.item-right h3 {
	text-decoration: underline;
}

.quantity {
	font-size: 1em;
	width: 240px;
	margin-top: 0; }

.price {
	color: /*#7db2ab;*/ #5b968e;
	font-weight: 400;
	margin: .2em 0 0;
}

.clickable-heading {
    color: #4a7181;
	font-size: 1em;
	width: 15%;
	margin: 0;
	cursor: pointer;
}

.clickable-heading:hover { color: #e56f20; }


/* categories Media Query
--------------------------------------------- */

@media screen and (max-width: 1100px) {
	#categories ul li a { font-size: .75em; }
}		

@media screen and (max-width: 960px) {
	#store-intro h1 { width: 86%; left: calc(50% - 43%); }
	#store-intro p { width: 86%; left: calc(50% - 43%); }
}

@media screen and (max-width: 780px) {
	#horse { margin-top: 120px; }
	#horse img { width: 55px; }
	#store-intro { width: 100%; }
	#store-intro h1 { width: 90%; left: calc(50% - 45%); }
	#store-intro p { width: 90%; left: calc(50% - 45%); }
	#categories { width: 90%; left: calc(50% - 45%); }
	#item h1 { font-size: 1.4em; }
}

@media screen and (max-width: 660px) {
	#horse { margin-top: 100px; }
	#horse img { width: 45px; }
	#store-intro { margin-top: 8em; }
	#store-intro h1 { font-size: 2em; }
	#pages {
		width: 100%;
		margin-top: 3em;
		float: left; }
	#item { display: block; margin-bottom: 3em; }
	.item-left { margin-bottom: 1em; width: 100%; }
	.item-right {width: 100%; padding-bottom: 3em; border-bottom: thin solid silver; }
	.item-right.last { border: transparent; }
	.item-right h2 { border: none; }
}

@media screen and (max-width: 480px) {
	#horse { display: none; }
	#store-intro { font-size: 1em; margin-top: 8em; }
	#store-intro h1 {
		line-height: 1.1em; }
	#store-intro p {
		font-size: 1.2em;
		line-height: 1.3em;
		width: 90%;
		margin: 1em 0; }
	#category-1 { width: 90%; left: calc(50% - 45%); }
	#pages { width: 100%; }
}

@media screen and (max-width: 350px) {
	#item h2 { font-size: 1em; }
}

@media screen and (max-width: 275px) {
	#store-intro { font-size: 1em; margin-top: 7em; }
	#store-intro h1 { font-size: 1.8em; text-align: center; }
	#store-intro p { 		font-size: 1.1em; text-align: center; }
	#categories ul li:nth-of-type(1) { width: 31%; }
	#categories ul li:nth-of-type(2) { width: 31%; }
	#categories ul li:nth-of-type(3) { width: 31%; }
	#categories ul li a { font-size: .50em; }
	.quantity { font-size: .90em; width: 205px; }
	.price { font-size: .90em; }
	.clickable-heading { font-size: .90em; }
}



/* Contact Page
--------------------------------------------- */

#contact-intro {
	line-height: 1.5em;
	width: 100%;
	float: left;
}

#horse {
	line-height: 0;
	width: 100%;
	margin-top: 140px;
	position: relative;
	text-align: center;
	float: left;
}

#horse img { width: 55px; }

#contact-intro h1 {
	color: #4a7181;
	font-size: 2.5em;
	font-weight: 500;
	text-align: center;
	line-height: 1.2;
	width: 60%;
	position: relative;
	left: calc(50% - 30%);
	float: left;
}

#contact-container {
	width: 100%;
	margin-top: 5em;
	float: left;
}

#contact {
	width: 86%;
	position: relative;
	left: calc(50% - 43%);
	float: left;
}

#contact-left {
	width: 45%;
	margin: 0;
	float: left;
}

#contact-left h2 { font-size: .90em; margin: 2em 0 0; }

#address {
	font-size: 1.3em;
	margin: .5em 0 0;
	line-height: 1.3;
}

#contact-phone {
	font-size: 1.3em;
	margin: 2em 0 0;
	float: left;
}

#contact-right {
	width: 45%;
	float: right;
	padding-bottom: 3.5em;
}


/* Contact Page - Contact Form
--------------------------------------------- */

#contactform {
	font-size: .90em;
	width: 100%;
	float: right;
}

#fieldset {
	border: thin solid #b4c0c3;
	padding: 1em;
}

#fieldset legend {
	background: white;
	font-size: 1.5em;
	font-style: normal;
}

#fieldset label {
	font-style: normal;
	line-height: .5em;
	margin-left: .60em;
	display: block;
}

#fieldset input {
	background-color: transparent;
	border: thin solid silver;
	line-height: 1.5em;
	width: 95%;
	margin: 0 1em 2em .5em;
	display: block;
	float: left;
}

#fieldset textarea {
	background-color: transparent;
	border: thin solid silver;
	width: 95%;
	margin: 1em 1em 1em .5em;
}

#fieldset input[type=submit] {
	background-color: #4a7181;
	border: thin solid #4a7181;
	width: 5em;
	height: 2em;
	margin: .5em 1em .5em 0;
	  -moz-border-radius: 17px;
	  border-radius: 17px;
	float: right;
}

#fieldset input[type=submit]:hover {
	background-color: #f5b92e;
	border: thin solid #f5b92e;
}

.send	{
	width: 10%;
	color: white;
	font-weight: bold;
	cursor: pointer;
	float: right;
}

.send:hover {
	color: white;
	font-weight: bold;
	width: 11%;
	cursor: pointer;    
}


/* Contact Page - Contact Form
--------------------------------------------- */

@media screen and (max-width: 780px) {
	#horse { margin-top: 120px; }
	#horse img { width: 55px; }
	#contact-intro { width: 100%; float: left; }
	#contact-intro h1 { font-size: 2em; width: 90%; left: calc(50% - 45%); margin-top: 1em; }
	#contact-container { width: 100%; margin-top: 3em; }
	#contact { width: 90%; left: calc(50% - 45%); }
	#contact-left h2 { font-size: 1.2em; margin-top: 1.5em; }
	#contact-left { width: 100%; margin:0; padding: 0; border: none; }
	#contact-right {
		width: 100%;
		margin: 4em 0 3em;
		padding: 0;}	
}

@media screen and (max-width: 480px) {
	#contact-intro { font-size: 1em; width: 100%; }
	#contact-intro h1 {
		font-size: 1.4em;
		text-align: left;
		margin: 100px 0 0; }
	#contact-container { margin-top: 0; }
	#contact { width: 90%; left: calc(50% - 45%); }
	#contact-left {
		font-size: .80em;
		width: 100%;
		margin:2em 0 0;
		padding: 0; }
	#contact-right {
		width: 100%;
		margin: 3em 0 3em;
		padding: 0;}	
}





/* Footer
--------------------------------------------------- */
	
#footer {
	font-size: .90em;
	line-height: 1.3em;
	width: 100%;
	margin: 2em 0;
	padding-bottom: 2em;
	position: relative;
	float: left;
}

#footerbar {
	border-top: 1px solid #b4c0c3;
	margin-top: 1em;
}

#bottomimage {
	width: 100%;
	position: relative;
	top: .5em;
	text-align: center;
	float: left;
}

#copyright {
	font-size: .80em;
	width: 100%;
	margin-top: 1%;
	text-align: center;
 	display: inline-block;
}


/* Footer Media Queries are in Home Page Media Queries
------------------------------------------------------- */

@media screen and (max-width: 780px) {
	#footer { margin-bottom: .5em; }
}

@media screen and (max-width: 480px) {
	#copyright { font-size: .70em; }
}