@charset "UTF-8";
@-ms-viewport{ width: device-width; }

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

html, body {
	scroll-behavior: smooth;
}

body {
	height: 100vh !important;
	position: relative;
}


/* 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: 74px;
	position: fixed;
    z-index: 10;
 	float: left;
}

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

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

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

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

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

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

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

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

#main-image img {
	border-bottom: 5px solid #f1c96c;
}

#main-image p {
	color: white;
	font-size: 3em;
	font-weight: bold;
	line-height: 1.25;
	text-shadow: 2px 3px 5px rgba(0,0,0,0.5);
	position: absolute;
    top: 36%;
    left: 14%; right: 0;
    margin: 0;
}

.yellow { border-top: 7px solid #f1c96c; }


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

@media screen and (max-width: 1100px) {
	#sp8-logo-1 { width: 90px; margin: 16px 0 12px 0px; }
	#vertline { margin: 27px 0 0 4px; padding: 0 10px 0 8px; }
	#sp8-logo-2 { width: 140px; margin: 24px 0 0 0; }
	#main-image p {	font-size: 2.75em; top: 33%; left: 14%; }
}
@media screen and (max-width: 960px) {
	#header-container { width: 86%; left: calc(50% - 43%); }
	#spiritlogo { width: 62px; margin: 8px 0 0; float: left; }
	#sp8-logo-1 { width: 90px; margin: 16px 0 12px 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; }
	#main-image p {	font-size: 2.2em; top: 35%; left: 16%; }
}
@media screen and (max-width: 780px) {
	#header-container { width: 100%; left: 0; float: none; }
	#spiritlogo { width: 61px; margin: 8px 0 0 5%; float: left; }
	#sp8-logo-1 { width: 90px; margin: 16px 0 12px 4px; }
	#vertline { margin: 25px 0 0 4px; padding: 0 10px 0 8px; }
	#sp8-logo-2 { width: 140px; margin: 18px 0 0 0; }
	#phone { display: none; }
	#main-image p {	font-size: 1.8em; top: 35%; left: 16%; }
}
@media screen and (max-width: 660px) {
	header {  height: 66px; }
	#header-container { width: 100%; left: 0; float: none; }
	#spiritlogo { 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 p {	font-size: 1.4em; top: 35%; left: 16%; }
}
@media screen and (max-width: 480px) {
	#header-container { width: 100%; left: 0; float: none; }
	#spiritlogo { width: 45px; margin: 10px 0 0 5%; float: left; }
	#sp8-logo-1 { width: 75px; margin: 13px 0 12px 5px; }
	#vertline { margin: 16px 0 0; padding: 0 4px 0 4px; }
	#sp8-logo-2 { width: 118px; margin: 17px 0 0 0; }
	#main-image img { border-bottom: 2px solid #f1c96c; }
	#main-image p {	font-size: 1.2em; top: 33%; left: 15%; }
}
@media screen and (max-width: 350px) {
	#header-container { width: 100%; left: 0; float: none; }
	#spiritlogo { display:none; }
	#sp8-logo-1 { width: 70px; margin: 13px 0 12px 5%; }
	#vertline { margin: 16px 0 0; padding: 0 4px 0 4px; }
	#sp8-logo-2 { width: 114px; margin: 17px 0 0 0; }
	#main-image img { border-bottom: 5px solid #f1c96c; }
	#main-image p {	font-size: 1em; top: 33%; left: 9%; }
}

@media screen and (max-width: 300px) {
	#header-container { width: 100%; left: 0; float: none; }
	#spiritlogo { display:none; }
	#sp8-logo-1 { width: 70px; margin: 13px 0 12px 5%; }
	#vertline { margin: 16px 0 0; padding: 0 4px 0 4px; }
	#sp8-logo-2 { width: 108px; margin: 17px 0 0 0; }
	#main-image p {	font-size: .90em; top: 33%; left: 9%; }
}

@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 10px 5%; }
	#vertline { margin: 17px 3px 0 4px; padding: 0; }
	#vertline img { width: 60%; padding: 0; }
	#sp8-logo-2 { width: 90px; margin: 14px 0 0 0; }
	#main-image { margin-top: 55px; }
	#main-image p {	font-size: .70em; top: 33%; left: 9%; }
}



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

nav	{
	width: 35%;
	margin: 40px 9% 0 0;
	float: right;
}

nav ul	{
	list-style: none;
	text-align: right;
	position: relative;
	float: right;
}

nav ul ul {
	margin-top: 20px;
	position: absolute;
	top: 0; right: 3%;
	border-radius: 0 0 5px 5px;
	 -webkit-box-shadow: -1px 5px 3px rgba(0,0,0,0.05), 5px 5px 3px rgba(0,0,0,0.05);
	 -moz-box-shadow: -1px 5px 3px rgba(0,0,0,0.05), 5px 5px 3px rgba(0,0,0,0.05);
	box-shadow: -1px 5px 5px rgba(0,0,0,0.05), 5px 5px 5px rgba(0,0,0,0.05);
	opacity: 0;
    visibility: hidden;
    transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -webkit-transition: all .25s ease-in;
	z-index: 9999;
	float: left;
}

.transparent1 {
  background: url('transparent1.png');
}


/* 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: 60px; }
nav ul li:nth-of-type(2) { width: 60px; }
nav ul li:nth-of-type(3) { width: 60px; }
nav ul li:nth-of-type(4) { width: 40px; }

/*Make link stay a certain color when hovered over and left*/
nav ul li:hover > li { color: #0032d0; }

nav ul li a {
	color: #d15527;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	text-align: none;
}

nav ul li a.active-link {
	border-bottom: 4px solid #f1c96c;
}


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

nav ul li li {
	background-color: white;	
	font-size: 1.3em !important;
	text-align: center;
	width: 150px !important;
	display: block;
}

li li:nth-of-type(1) { padding: 1em 0 1em; }
li li:nth-of-type(2) { padding: .75em 0 1.75em; }
li li:nth-of-type(3) { padding: .0 0 1em;  }
li li:nth-of-type(4) { padding: .75em 0 1em; }
li li:nth-of-type(5) { padding: .90em 0 1.75em; }

li li:hover { cursor: pointer; color: #0032d0; }

nav ul li li.active-link { border-bottom: 4px solid #f1c96c; }

nav ul li li a {
	color: #d15527;
	font-size: 9pt;
	font-weight: bold;
	text-align: left !important;
	text-decoration: none;
	border: none;
	text-align: center;
}


/* 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; }

.fixedPosition { position: fixed; }


/* Navigation Media Query
--------------------------------------------- */
@media screen and (max-width: 1100px) {
	nav ul li:nth-of-type(3) { width: 52px; }
	nav ul li a { font-size: .72em; }
}

@media screen and (max-width: 960px) {
	nav { width: 48%; margin: 40px 3% 0 0; }
	nav ul li a { color: #0032d0; font-size: .72em; }
	nav ul li li a { color: #0032d0; }

	/*Make link stay a certain color when hovered over and left*/
	nav ul li:hover > a { color: #d15527; }
	li li:hover a { color: #d15527 !important;	}
}

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

	/*Make dropdown links appear inline*/
	nav ul {
		margin: 0; padding: 8em 0 0;
		top: 0; left: 0;
		display: none; z-index: -1;
		position: fixed; }

	nav ul ul {
		background-color: transparent;
		width: 95%;
		margin: 0 0 0 20px; padding: 0;
		position: static;
		display: block;
		opacity: 1;
		visibility: visible;
		 -webkit-box-shadow: none;
		 -moz-box-shadow: none;
		 box-shadow: none;
		float: none; }

	/*Create vertical spacing*/
	nav ul li {
		font-size: 1.3em;
		line-height: 30px;
		width: 75% !important;
		margin: 0 0 0 30px; padding: 0;
		float: left; }
		
		nav ul li:nth-child(4) { padding-top: 2.25%; }

	nav ul li.active-link {
		border-bottom: 4px solid #f1c96c;
		margin-bottom: 1em !important; }

	nav ul li a { color: #d15527; font-weight: normal; }

	nav ul li a.active-link {
		color: #0032d0 !important;
		font-size: 1.1em;
		font-weight: normal;
		border-bottom: none; }
	
	/*Make link stay a certain color when hovered over and left*/
	nav ul li:hover > a { color: #0032d0; border-bottom: none; }
	
	nav ul li li {
		text-align: left;
		border-bottom: thin solid #d15527;
		width: 100% !important;
		display: block;
		margin: 0; padding: 0 !important; }
		
	nav ul li li a {
		color: #d15527;
		font-size: .55em;
		font-weight: normal;
		padding-left: 0; }

	li li:hover a { color: #0032d0 !important; }

	nav ul li li a.active-link {
		font-size: .75em;
		font-weight: normal;
		border-bottom: none; }

	
	/*Display 'show menu' link*/
	.show-menu {
		width: 100%;
		text-align: right;
		margin: -50px 0 0 0 !important;
		padding-right: 6%;
		z-index: 999;
		display: block;
		float: right; }

	.show-menu img {  }

	/*Show menu when invisible checkbox is checked*/
	input[type=checkbox]:checked ~ #menu {
		width: 100%; background-color: white !important;
		display: block; height: 100% !important; }
}

@media screen and (max-width: 660px) {
	/*Display 'show menu' link*/
	.show-menu {
		display: block;
		text-align: right;
		margin: -2.25em 1% 0 0 !important;
		float: right; }
}

@media screen and (max-width: 480px) {
	nav ul { padding: 6em 0 0; }
	nav ul li:nth-child(4) { padding-top: 5%; }
	
	.show-menu {
		display: block;
		text-align: right;
		margin: -2.75em 1% 0 0 !important;
		float: right; }

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

@media screen and (max-width: 350px) {
	nav ul { padding: 5em 0 0; }

	.show-menu {
		display: block;
		text-align: right;
		margin: -2.5em 1% 0 0 !important;
		float: right; }
}

@media screen and (max-width: 300px) {
	nav ul ul { width: 86%; }
	nav ul li { margin-left: 20px; }
	nav ul li:nth-child(4) { padding-top: 5%; }
}

@media screen and (max-width: 275px) {
	/*Display 'show menu' link*/
	.show-menu {
	margin: -35px 0 0 0!important; }
}

.clear { clear: both; }



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

#services-1 {
	/* color: #4a7181; */
	color: #d15527;
	line-height: 1.5em;
	width: 100%;
	float: left;
}

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

#services-1 h1 {
	font-family: 'Roboto', sans-serif;
	font-size: 2.75em;
	line-height: 1.2;
	text-align: center;
	padding: 2em 0 1em;
}

#services-1 p {
	font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
	font-weight: 300;
	text-align: left;
	line-height: 1.8;
	top: 0;
	margin-bottom: 3.5em;
}


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

#boxes {
	width: 100%;
	margin: 0 auto 5em;
	float: left;
}

#boxes ul {
	text-align: justify;
    width: 86%;
	margin: 0 auto;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
	justify-content: space-between;
	border-radius: 2px;
	display: flex;
}

#boxes li {
	font-family: 'Roboto', sans-serif;
	line-height: 1.2;
	text-align: center;
	width: 33%;
	margin: 0;
	padding: 1em;
	position: relative;
	float: left;
}

#boxes li:nth-child(1) {
	background-color: #f1ddca;
	color: #773b26;
	border-top:: 5px solid #f1ddca;
	border-bottom: 5px solid #f1ddca;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

#boxes li:nth-child(2) {
	background-color: #773b26;
	color: white;
	border-top:: 5px solid #773b26;
	border-bottom: 5px solid #773b26;
}

#boxes li:nth-child(3) {
	background-color: #f1ddca;
	color: #773b26;
	border-top:: 5px solid #f1ddca;
	border-bottom: 5px solid #f1ddca;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#boxes-img-container {
	width: 100%;
	margin: 5% 0 1em;
	float: left;
}

#boxes img {
	height: 60px !important;
}

#boxes li h5 {
	font-size: 2.25em;
	font-weight: 600;
}

#boxes li p {
	font-size: 1.25em;
	font-weight: normal;
	margin: 1em 0 4.5em;
}

#home-button {
	background-color: white;
	color: #853619;
	font-family: 'Arial Black', sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	width: 45%;
	padding: 10px;
	display: inline-block;
	cursor: pointer;
}

#boxes button:nth-child(even):hover {
	color: #d15527 !important;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
}

#boxes button:nth-child(odd):hover {
	color: white;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
}

.vertical-center {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 6%;
}


/* Home Page Equine-Assisted Healing Programs
------------------------------------------------- */

#services-2 {
	/* color: #4a7181; */
	color: #773b26;
	line-height: 1.5em;
	width: 100%;
	float: left;
}

#services-2-container {
	text-align: center;
	width: 86%;
	left: calc(50% - 43%);
	margin-bottom: 4em;
	position: relative;
	float: left;
}

#services-img-container {
	margin: 5% 0 2%;
}

#services-2 h1 {
	font-family: 'Roboto', sans-serif;
	font-size: 2.75em;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	padding: 0 0 1em;
}

#services-2 p {
	font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
	font-weight: 300;
	text-align: left;
	line-height: 1.8;
	top: 0;
	margin-bottom: 2em;
	float: left;
}

.ea-healing {
	background-color: transparent;
	color: #853619 !important;
	border: 1px solid #853619;
	font-family: 'Arial', sans-serif;
	font-size: 14px;
	text-align: center;
	display: inline-block;
	padding: 18px !important;
	margin: 0 auto 2em;
}

.ea-healing:hover {
	background-color: #f8f8f8;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

/*.ea-healing a:link { color: #853619; text-decoration: none; }

.ea-healing:hover a { color: white !important; }*/


/* Home Page Shop in Our Store
--------------------------------------------- */

#block-container {
	/*background-color: #6f4f2f;*/
	background-color: #773b26;
	width: 100%;
	padding: 6em 0 1em;
	float: left;
}

#block {
	color: white;
	font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
	font-weight: 300;
	line-height: 1.8;
	width: 86%;
	margin: 0 auto;	
}

#block img {
	color: white;
	line-height: 0;
	width: 47%;
	margin: 0 2em 4em 0;
	border: 4px solid white;
	float: left;
}

#block-text {
	position: relative;
	top: 0;
}

#block-text h1 {
	font-size: 2em;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: .5em;
}


/* Home Page Product Gallery
--------------------------------------------- */

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

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

#thumbnailgallery h2 a {
	color: #f5b92e;
}

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

#thumbnailgallery h3 a {
	color: #022d64;
}

#thumbnailgallery h4 {
	color: #022d64;
	font-size: 1.1em;
	position: relative;
	text-align: center;
	padding: .5em 0 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: #f5b92e;
	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-1 h1 { padding: 2em 0 .75em; }
	#boxes li h5 { font-size: 1.75em; }
	#boxes li p {  }
	#home-button { width: 50%; }
	#block-container { padding: 4em 0 4em; }
	#block img { width: 45%; min-width: 45%; margin: .5em 1em 0 0; }
	#block-text { line-height: 1.6; }
	#thumbnailgallery h2 { font-size: 2.5em; }
	#supplements { 	margin: 6% 0 1%; }
}

@media screen and (max-width: 960px) {
	#services-1 h1 { font-size: 2em; line-height: 1.2; padding: 1.5em 0 .75em; }
	#services-1 p { font-size: 1em; margin-bottom: 4em; }
	#services-2-container { margin-bottom: 4em; }
	#services-2 h1 { font-size: 2em; line-height: 1.2; }
	#services-2 p { font-size: 1em; }
	#services-2 img { height: 60px !important; }
	#boxes { margin: 0 auto 4em; }
	#boxes img { height: 40px !important; }
	#boxes li h5 { font-size: 1.5em; }
	#boxes li p { font-size: 1em; }
	#home-button { 	font-size: 12.5px; width: 60%; }
	#block img { margin: .35em 1em .75em 0; }
	#block-text { font-size: .90em; }
	#thumbnailgallery { margin-top: 5em; }
	#thumbnailgallery h2 { font-size: 2.25em; }
	#thumbnailgallery h3 { font-size: 1.5em; }
}

@media screen and (max-width: 780px) {
	#services-1 p { margin-bottom: 3em; padding: 0; }
	#services-2 p { padding: 0; }
	#services-2-container { margin-bottom: 2.5em; }
	#boxes { margin: 0 auto 4em; }
	#boxes li h5 { font-size: 1.25em; }
	#home-button { 	width: 70%; padding: 8px 6px; }
	#block img { width: 30%; margin: .35em 1.75em 1em 0; }
	#block-text h1 { font-size: 1.6em; }
	#thumbnailgallery { margin-top: 1em; }
	#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-1 h1 { line-height: 1.3; padding: 1.25em 0 .75em; }
	#services-2 h1 { line-height: 1.3; padding: 0 0 .75em; }
	#boxes img {  }
	#boxes li h5 { font-size: 1em; }
	#boxes li p { font-size: .90em; margin: 1em 0 4em; }
	#home-button { font-size: 11px; width: 75%; }
	#block-container { padding: 3em 0 4em; }
	#block { width: 90%; left: calc(50% - 45%); }
	#block img { width: 98.5%; margin: .35em 1.75em 2em 0; }
	#block-text h1 { font-size: 1.8em;  }
	#thumbnailgallery { margin-top: 1em; }
	#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; line-height: 1.3; }
	#see-oa { font-size: 1.2em; }
}

@media screen and (max-width: 480px) {
	#services-1 h1 { font-size: 1.8em; }
	#services-2 h1 { font-size: 1.8em; }
	#services-2 img { height: 50px !important; }
	#boxes { margin: 0 auto 3em; }
	#boxes ul { display: block; }
	#boxes li { width: 100%; padding: 1em 0; }
	#boxes li:nth-child(odd) { border-radius: 0; }
	#boxes li h5 { 	font-size: 1.5em; width: 86%; left: calc(50% - 43%); position: relative; }
	#boxes li p { font-size: .95em; width: 86%;left: calc(50% - 43%); margin: 1em 0 5em; position: relative; }
	#home-button { font-size: 12px; width: 35%; padding: 8px 12px; }
	#block-container { padding: 2em 0 4em; }
	#block img { width: 97%; }
	#thumbnailgallery { margin-top: 0; }
	#thumbnailgallery li { margin-top: 1em; }
	#thumbnailgallery { margin-top: 4em; }
	#thumbnailgallery h2 { padding: 0; }
	#thumbnailgallery h3 { font-size: 1.25em; line-height: 1.2; }
	#thumbnailgallery h4 { font-size: 1em; }
	#thumbnailgallery li:first-child, #thumbnailgallery li:nth-child(2) { width: 29%; }
	#thumbnailgallery li:nth-child(3) { width: 33%; margin: 1.5em 0 0; }
	#supplements h1 { font-size: 1.4em; }
	#see-oa { font-size: 1.2em; margin-top: 1.75em; }
	#omega-alpha-logo { width: 100px; }
	.vertical-center { bottom: 12%; }
}

@media screen and (max-width: 400px) {
	#home-button { width: 42%; }
	#thumbnailgallery h3 { font-size: 1.5em; }
	#thumbnailgallery h4 { font-size: 1.2em; }
	#thumbnailgallery li:first-child, #thumbnailgallery li:nth-child(2) { width: 47%; }
	#thumbnailgallery li:nth-child(3) { display: none; }
	#supplements { margin: 9% 0 1%; }
	#supplements h1 { font-size: 1.4em; }
	#see-oa { font-size: 1.1em; line-height: 1.8; }
	#omega-alpha-logo { width: 100px; }
}

@media screen and (max-width: 350px) {
	#services-1 h1 { padding: 1.5em 0 1em; }
	#services-2-container { margin-bottom: 2.5em; }
	#boxes { margin: 0 auto 3em; }
	#home-button { width: 50%; }
	#block img { width: 96%; }
	#thumbnailgallery { margin-top: 2em !important; }
	#thumbnailgallery h2 { font-size: 1.75em; padding: 1em 0 0; }
	#thumbnailgallery h3 { font-size: 1.3em; }
	#thumbnailgallery h4 { font-size: 1.2em; }
	#thumbnailgallery li:first-child, #thumbnailgallery li:nth-child(2) { width: 47%; }
	#thumbnailgallery li:nth-child(3) { display: none; }
	#thumbnailgallery li { width: 47%; margin: 0; }
	#supplements { margin: 8% 0 1%; }
	#supplements h1 { font-size: 1.3em; }
}

@media screen and (max-width: 300px) {
	#services-1 h1 { font-size: 1.7em; line-height: 1.3; padding: 1.5em 0 1em; }
	#services-2 h1 { font-size: 1.7em; line-height: 1.3; padding: 0 0 1em; }
	#boxes li h5 { 	font-size: 1.25em; }
	#home-button { width: 60%; }
	#block-text h1 { font-size: 1.4em; }
	#thumbnailgallery h2 { font-size: 1.5em; }
	#thumbnailgallery { margin-top: 2em !important; }
	#thumbnailgallery h3 { font-size: 1.2em; }
	#thumbnailgallery h4 { font-size: 1em; }
	#thumbnailgallery li:first-child, #thumbnailgallery li:nth-child(2) { width: 47%; }
	#thumbnailgallery li:nth-child(3) { display: none; }
	#supplements { margin: 8% 0 1%; }
	#see-oa { font-size: 1em; }
	#omega-alpha-logo { width: 100px; }
}

@media screen and (max-width: 275px) {
	#services-1 h1 { font-size: 1.6em; line-height: 1.3; padding: 1.5em 0 1em; }
	#services-2 h1 { font-size: 1.6em; }
	#block img { width: 94%; }
	#home-button { width: 70%; }
	#thumbnailgallery h2 { font-size: 1.5em; }
	#thumbnailgallery h3 { font-size: 1.1em; }
	#thumbnailgallery li:nth-child(3) { display: none; }
	#thumbnailgallery li:first-child, #thumbnailgallery li:nth-child(2) { width: 45%; }
	#supplements { margin: 8% 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: #4a7181;
	font-family: 'Roboto', sans-serif;
	font-size: 1.5em;
	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;
	padding: 1em 0;
	float: left;
}

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

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

#carla-right {
	font-size: 1.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: #f5b92e;
	font-size: 1.6em;
	font-weight: 400;
	margin-top: -.4em;
	margin-bottom: .5em;
}

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

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

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

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

#rene-right {
	width: 47%;
	margin: -2.5em 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; }
}

@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%); }
	#carla-container { margin-top: 3em; }
	#carla { width: 90%; margin-top: 1em; }
	#carla-left { width: 100%; }
	#carla-right { width: 100%; padding-bottom: 0; border: none; }
	#carla-right h1 { margin: 1em 0 .5em; }
	#carla-right p { margin-top: -.35em; }
	#rene-container { margin-top: 2em; }
	#rene { width: 90%; }
	#rene-left {
		width: 100%;
		border-bottom: thin solid #b4c0c3;
		padding-bottom: 4.5em;}
	#rene-left h1 { margin: 0 0 2.25em; }
	#rene-right { width: 100%; margin-bottom: 1em; }
}

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

@media screen and (max-width: 480px) {
	#horse { display: none; }
	#about-intro h1 { margin-top: 110px; line-height: 1.1; }
	#carla-right h1 { margin: 1em 0 .5em; }
	#rene-container { margin-top: 2.25em; }
	#rene-left { padding-bottom: 4em; }
	#thumbnailgallery { margin-top: 0; }
	#see-oa { line-height: 1.2; }
}

@media screen and (max-width: 350px) {
	#about-intro h1 { margin-top: 120px; }
	#meet { font-size: 1.3em; }
	#rene-container { margin-top: 2em; }
	#rene-left { padding-bottom: 3.5em; }
}

@media screen and (max-width: 300px) {
	#rene-left { padding-bottom: 3.25em; }
}

@media screen and (max-width: 275px) {
	#about-intro h1 { margin-top: 120px; }
	#meet { font-size: 1.2em; }
}



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

#checkout {
	width: 86%;
	left: calc(50% - 43%);
	position: relative;
	top: 7em; right: 0;
	float: left;
}

#checkout2 {
	width: 86%;
	left: calc(50% - 43%);
	position: relative;
	top: 7em; right: 0;
	float: left;
	display: none;
}

button-checkout {
	background-color: cornflowerblue;
	color: white;
	font-size: .65em;
	font-weight: 600;
	border-radius: 5px;
	cursor: pointer;
	border: none;
	width: 62px;
	margin: 0; right: 7%; z-index: 2;
	padding: .25em 0 .25em .5em;
	float: right;
}

button-checkout:hover { background-color: #f1c96c; }

button-checkout img { margin-left: 1.75em; }

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

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

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


/* Store Page Category Headings
----------------------------------------- */

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

#categories ul li {
	background-color: lavender;
	font-size: 16px;
	text-align: center;
	width: 23.5%;
	margin-top: 3em;
	border-radius: 5px;
	display: inline-block;
}

#categories ul li:hover {
	background-color: #1f456a;
	transition: 0.4s;
}

#categories ul li:nth-of-type(1) {
	margin-right: 2%;
}

#categories ul li:nth-of-type(2) {
	margin-right: 2%;
}

#categories ul li:nth-of-type(3) {
	margin-right: 2%;
}

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

#categories ul li a:hover {
	color: white;
}

.nowrap {
	white-space: nowrap;
}

.hide {
	display: none;
}


/* Store Page Category Products 1, 2, 3 and 4
--------------------------------------------- */

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

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

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

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

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

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

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

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

#category-4 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;
	padding: .1em 1em .1em;
	border: none;
	display: block;
    margin-left: auto;
    margin-right: 0;
}

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

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

.item-right {
	color: #4a7181; 
	font-size: 1em;
	font-weight: 300;
	line-height: 1.7;
	width: 74%;
	margin: 1% 0 0 4%;
	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 {
	color: #f3b82e;
	font-family: 'Roboto', sans-serif;
 	font-size: 1.2em;
	font-weight: 400;
}

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

.item-right h3 .active { color: #f3b82e; }

.flavour-1 { margin: 1em 0 -.18em; }

.flavour-2 { margin: 1em 0 -.4em; }

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

.quantity-1 { display: flex; }
.quantity-2 { display: flex; margin-top: .25em; }
.quantity-3 { display: flex; margin-top: .25em; }
.quantity-4 { display: flex; margin-top: .25em; }

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

.clickable-heading {
	width: 15%;
	margin: 0;
	cursor: pointer;
}

.snipcart-cart__secondary-header {
	color: white !important;
	background-color: cornflowerblue !important;
}


/* Store Page Bottom Category Headings li and li a
---------------------------------------------------- */

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

#bottom-page ul { text-align: center; margin: 1em 0 0; }

#bottom-page ul li {
	background-color: lavender;
	font-family: 'Roboto',sans-serif;
	font-weight: 300;
	font-size: 120%;
	text-align: center;
	line-height: 1.3;
	text-decoration: none;
	cursor: pointer;
	border-radius: 50%;
	width: 120px; height: 60px;
	position: relative;
	display: inline-block;
}

#bottom-page ul li a {
	border-radius: 50%;
	width: 100%; height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#bottom-page ul li:hover {
	color: white;
	background-color: #1f456a;
	transition: 0.4s;
}

li.active [data-page='category-1'] {
	color: white; background-color: green;
}

li.active [data-page='category-2'] {
	color: white; background-color: #1f456a;
}

li.active [data-page='category-3'] {
	color: white; background-color: #1f456a;
}

li.active [data-page='category-4'] {
	color: white; background-color: #1f456a;
}

#top {
	position: absolute;
	top: -80%;
}



/* Store Page Media Queries
--------------------------------------------- */

@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) {
	#checkout { width: 90%; left: calc(50% - 45%); top: 6em; }
	#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%); }
	#bottom-page ul li a:hover { color: white; background-color: #1f456a; transition: 0.4s; }
	#item h1 { font-size: 1.4em; }
	button-checkout { right: 5%; }
	.flavour-1 { margin: 1em 0 -.6em; }
	.flavour-2 { margin: 1em 0 -.6em; }
	.quantity-1 { margin-top: .4em; }
	.quantity-2 { margin-top: .4em; }
	.quantity-3 { margin-top: .5em; }
	.quantity-4 { margin-top: .5em; }	
	.price { margin-top: .75em; }
	.clickable-heading { margin-top: .5em; }
}

@media screen and (max-width: 660px) {
	#checkout { top: 5.5em; }
	#store-intro { margin-top: 7em; }
	#store-intro h1 { font-size: 2em; }
	#pages {
		width: 100%;
		float: left; }
	#item { display: block; margin-bottom: 3em; }
	#categories ul li { font-size: 12px; }
	#categories-line span {
		line-height: 1.5;
		font-size: 16px;
		display: block; }
	#categories ul li a { padding: .5em 0; }
	#bottom-page ul { text-align: center; margin: 0 0 .5em; }
	#bottom-page ul li { width: 90px; height: 45px; }
	.flavour-1 { margin: 1em 0 -.6em; }
	.flavour-2 { margin: 1em 0 -.6em; }
	.item-left { margin-bottom: 1em; width: 100%; }
	.item-right { width: 100%; padding-bottom: 3em; }
	.item-border { border-bottom: thin solid silver; }
	.item-right h2 { border: none; }
	.item-right h3 { font-size: 1.3em; }
}

@media screen and (max-width: 480px) {
	#store-intro { font-size: 1em; margin-top: 4.25em; }
	#store-intro h1 { margin-top: 1.75em; line-height: 1.1em; }
	#store-intro p {
		font-size: 1.2em;
		line-height: 1.3em;
		width: 90%;
		margin: 1em 0; }
	#pages { width: 100%; }
	#bottom-page ul {
		text-align: center;
		margin: 0 0 2.5em;
		padding-bottom: 0; }
	#bottom-page ul li {
		width: 23.5%;
		border-radius: 5px;
		font-size: 14px;
		height: 40px; }
	#bottom-page ul li:hover {
		color: white;
		background-color: #1f456a;
		transition: 0.4s; }
	.flavour-1 { margin: 1em 0 -.6em; }
	.flavour-2 { margin: 1em 0 -1.1em; }
	.quantity-2 { margin-top: 1em; }
	.quantity-3 { margin-top: 1em; }
	.quantity-4 { margin-top: 1em; }
	.price { margin-top: 1em; }
	.clickable-heading { margin-top: .75em; }
}

@media screen and (max-width: 350px) {
	#store-intro p { font-size: 1em; text-align: center; }
	#categories ul li a { font-size: .80em; }
	#item h2 { font-size: 1em; }
	button { font-size: .90em; padding: .35em .75em .25em; }
	.item-right h3 { font-size: 1.3em; }
}

@media screen and (max-width: 300px) {
	#store-intro { font-size: 1em; margin-top: 4.5em; }
	#store-intro h1 { margin-top: 1.75em; line-height: 1.1em; }
	#store-intro h1 { font-size: 1.8em; line-height: 1.1em; text-align: center; }
	.quantity { font-size: .90em; width: 205px; }
	.price { font-size: .90em; }
}

@media screen and (max-width: 275px) {
	#store-intro { font-size: 1em; }
	#store-intro h1 { font-size: 1.8em; text-align: center; }
	#store-intro p { font-size: 1.1em; text-align: center; }
	#categories ul li a { font-size: .60em; }
	.quantity { font-size: .90em; width: 205px; }
	.price { font-size: .90em; }
}



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

#contact-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; }

#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: 4em;
	float: left;
}

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

#left {
	width: 30%;
	float: left;
}

#location {
	width: 100%;
	white-space: nowrap;
	float: left;
}
#barn {
	width: 50px;
	margin: 0 0 1em 2em;
	display: inline-block;
}
#name-locay {
	line-height: 1.4;
	width: 70%;
	margin: .75em 0 1em 1em;
	display: inline-block;
}

#telephone {
	width: 100%;
	float: left;
}
#tele-icon {
	width: 20px;
	margin: 1.25em 0 1em 2.75em;
	float: left;
}
#number {
	font-size: 1.2em;
	width: 60%;
	margin: 1.75em 0 1em 2em;
	float: left;
}

#right {
	width: 65%;
	margin-bottom: 4em;
	float: right;
}


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

#contactform {
	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: 1em;
	display: block;
}

#fieldset input {
	background-color: #ddf0f5;
	font-family: 'Arial', sans-serif;
	font-size: .90em;
	line-height: 1.5em;
	border: none;
	width: 95%;
	margin: 0 1em 2em .5em;
	padding-left: 1em;
	display: block;
	float: left;
}

#fieldset textarea {
	background-color: #ddf0f5;
	font-family: 'Arial', sans-serif;
	font-size: .90em;
	border: none;
	width: 95%;
	margin: 0 1em 2em .5em;
	padding: .5em 0 0 1em;
	display: block;
	float: left;
}

#fieldset input[type=submit] {
	background-color: #6194a3;
	border: none;
	width: 97%;
	margin: 0 0 2em .5em;
	padding: .5em 0 .5em 1em;
	display: block;
	float: none;
}

#fieldset input[type=submit]:hover {
	background-color: #4a7181;
	border: none;
}

.ghost {
	opacity:0 !important;
	background-color: transparent !important;
	border: none;
	position: absolute;
	left: 0;
	top: 0;
	cursor: default;
}
.ghost:hover{
	height: 0px;
	cursor: default;
}
.ghost:blur{
	height: 22px;
	cursor: default;
}
.ghost:focus{
	height: 0px;
	outline: none;
	cursor: default;
}

.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 - Media Queries
--------------------------------------------- */

@media screen and (max-width: 1100px) {
	#left { width: 35%; }
	#right { width: 60%; }
	#fieldset input[type=submit] { width: 97.7%; }
}

@media screen and (max-width: 960px) {
	#left { width: 40%; }
	#right { width: 50%; }
	#fieldset input[type=submit] { width: 99%; }
}

@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%); }
	#contact-container { width: 100%; margin-top: 3em; }
	#contact { width: 90%; left: calc(50% - 45%); }
	#left { width: 100%; }
	#right { width: 100%; margin-top: 1.5em; }
	#barn { margin: 0 0 1em 1.5em; }
	#name-locay { margin: .75em 0 1em .25em; }
	#tele-icon { margin: 1.25em 0 1em 2.25em; }
	#number { width: 70%; margin: 1.75em 0 1em 1.5em; }
	#fieldset input[type=submit] { width: 97.5%; }
	.ghost {
		opacity:0 !important;
		background-color: transparent !important; }
}

@media screen and (max-width: 660px) {
	#horse { margin-top: 100px; }
	#horse img { width: 45px; }
	#contact-intro h1 { font-size: 1.6em; }
	#fieldset input[type=submit] { width: 98%; }
} 

@media screen and (max-width: 480px) {
	#contact-container { margin-top: 0; }
	#contact-intro { font-size: 1em; width: 100%; }
	#contact-intro h1 { font-size: 1.6em; margin-top: 110px; }
	#contact { width: 90%; left: calc(50% - 45%); }
	#left { width: 100%; margin-top: 2.5em; }
	#right { margin-bottom: 3em; }
	#fieldset legend { font-size: 1.25em; }
	#fieldset input[type=submit] { width: 99%; }	
}

@media screen and (max-width: 350px) {
	#barn { width: 47px; margin: 0 0 1em 1.5em; }
	#name-locay { margin: .75em 0 1em .25em; }
	#tele-icon { width: 15px; margin: 1.25em 0 1em 2em; }
	#number { width: 50%; margin: 1.5em 0 1em 1.5em; }
	#fieldset textarea { width: 93%; }
	#fieldset input { width: 93%; }
	#fieldset input[type=submit] { width: 99.5%; }
}

@media screen and (max-width: 300px) {
	#barn { width: 44px; margin: 0 0 1em 0; }
	#name-locay { font-size: .95em; margin: .75em 0 1em .25em; }
	#tele-icon { width: 15px; margin: 1.25em 0 1em .5em; }
	#number { width: 50%; margin: 1.5em 0 1em 1.5em; }
	#fieldset textarea { width: 90%; }
	#fieldset input { width: 90%; }
	#fieldset input[type=submit] { width: 99%; }
}

@media screen and (max-width: 275px) {
	#left { width: 100%; margin-top: 1.5em; }
	#barn { width: 40px; margin: 0 0 1em 0; }
	#name-locay { font-size: .85em; margin: .75em 0 1em .25em; }
	#tele-icon { width: 15px; margin: 1.25em 0 1em .5em; }
	#number { width: 70%; }
	#fieldset textarea { width: 90%; }
	#fieldset input { width: 90%; }
	#fieldset input[type=submit] { width: 99%; }
}

@media screen and (min-width: 240px) and (max-width: 667px) {
	.ghost {
		opacity:0 !important;
		background-color: transparent !important; }
}



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

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

#footer-container {
	text-align: center;
	width: 86%;
	left: calc(50% - 43%);
	margin: -36px 0 2em 0;
	position: relative;
	float: left;
}

#spiritlogo-bottom {
	width: 65px;
	margin: 6px 0 0 0;
	float: left;
}

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

#vertline-bottom {
	margin: -12px 0 0;
	padding: 0 15px 0 14px;
	float: left;
}

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

#bottom-contact {
	width: 50%;
	margin: 0 0 2em;
	position: relative;
	float: right;
}

#sp8hh-1 {
	font-size: .80em;
	text-align: right;
	width: 100%;
	margin: 0;
	float: right;
}	

#sp8hh-2 { display: none; }

#number {
	font-size: .90em;
	text-align: right;
	width: 100%;
	margin: 0;
	float: right;
}

#border {
	text-align: center;
	border-top: thin solid #b4c0c3;
	width: 30%;
	margin: 6em auto 0; display: none;
}

#copyright {
	color: dimgrey;
	font-size: .76em;
	text-align: center;
	width: 100%;
	margin-top: 1em;
	float: left;
}

#social-media {
	width: 100%;
	margin: 0;
	text-align: center;
	padding-top: 1em; clear: both;
	display: block;
	float: left;
}
#fb { display: inline; }
#fb img { width: 2.5%; min-width: 25px; }
#twitter { display: inline; }
#twitter img { width: 2.5%; min-width: 25px; }
#instagram { display: inline; }
#instagram img { width: 2.5%; min-width: 25px; }

#backbtn {
    background-color: #4a7181;
    color: white;
    text-align: right;
    font-size: 25px;
    text-decoration: none;
	opacity: .5;

	-ms-transform: rotate(270deg); /* IE 9 */
	-webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
	transform: rotate(270deg);

	border-right: solid 2px transparent;

    overflow: hidden;
    display: none;
    cursor: pointer;
    position: fixed;
    width: 0px;
    line-height: 20px;
    bottom: 0;
    right: 12px;
	padding: 8px 30px 7px 10px;
}

#backbtn:hover {
    background-color: #DDF;
    color: #000;
}

@media screen and (max-width: 350px) {
	#backbtn { right: 0; padding-left: 15px; }
}


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

@media screen and (max-width: 1100px) {
	#spiritlogo-bottom { margin: 6px 0 0 0px; }
	#sp8-logo-1-bottom { width: 90px; margin: 16px 0 0 0px; }
	#vertline-bottom { margin: -12px 0 0 2px; padding: 0 10px 0 8px; }
	#sp8-logo-2-bottom { width: 140px; margin: -16px 0 0 0; }
	#bottom-contact { text-align: right; right: 0; margin: -.25em 0 2em; }
}

@media screen and (max-width: 960px) {
	#footer-container { margin: -36px 0 2em 0; }
	#spiritlogo-bottom { width: 62px; float: left; }
	#sp8-logo-1-bottom { width: 90px; margin: 16px 0 0 0; }
	#vertline-bottom { margin: -12px 0 0 2px; padding: 0 10px 0 8px; }
	#sp8-logo-2-bottom { width: 140px; margin: -19px 0 0 0; }
	#sp8hh-1 { display: none; }
	#sp8hh-2 {
		font-size: .80em;
		text-align: right;
		width: 100%;
		display: block;
		float: right; }
	#bottom-contact { width: 35%; margin: -.75em 0 2em; }		
	#copyright { font-size: .76em; }
}

@media screen and (max-width: 780px) {
	#footer-container { width: 100%; left: 0; }
	#spiritlogo-bottom { width: 61px; margin: 6px 0 0 5%; float: left; }
	#sp8-logo-1-bottom { width: 90px; margin: 15px 0 0 4px; }
	#vertline-bottom { margin: -14px 0 0 4px; padding: 0 10px 0 8px; }
	#sp8-logo-2-bottom { width: 140px; margin: -16px 0 0 0; }
	#bottom-contact { margin: -.5em 6% 0 2em; }
	#copyright { font-size:.70em; margin-top: 4em; }
	#social-media { margin-right: 5%; padding-top: .5em; }
}

@media screen and (max-width: 660px) {
	#footer-container { width: 90%; left: calc(50% - 45%); margin: -24px 0 2em 0; }
	#spiritlogo-bottom { width: 53px; margin: 6px 0 0 0; float: left; }
	#sp8-logo-1-bottom { width: 85px; margin: 12px 0 0 8px; }
	#vertline-bottom { margin: -18px 0 0 4px; padding: 0 7px 0 8px; }
	#sp8-logo-2-bottom { width: 140px; margin: -20px 0 0 0; }
	#sp8hh-1 { display: none; }
	#sp8hh-2 { text-align: left; display: block; }
	#number { text-align: left; width: 95%; margin: 0; float:left; }
	#bottom-contact {
		font-size: .92em;
		width: 96%; left: calc(50% - 48%);
		margin: .5em 0 0 0;
		clear: both;
		float:left; }
	#border { width: 96%; left: calc(50% - 43%); margin-top: 8em; display: block; }
	#copyright { margin-top: 2em; }
}

@media screen and (max-width: 480px) {
	#footer-container { width: 90%; left: calc(50% - 45%); margin: 0 0 2em 0; }
	#bottomimage { display: none; }
	#spiritlogo-bottom { width: 45px; margin: 6px 0 0 0; float: left; }
	#sp8-logo-1-bottom { width: 75px; margin: 12px 0 12px 5px; }
	#vertline-bottom { margin: -22px 0 0; padding: 0 4px 0 4px; }
	#sp8-logo-2-bottom { width: 118px; margin: -22px 0 0 2px; }
	#copyright { font-size: .75em; margin-top: 2em; }
	#border { margin-top: 8em; }
}

@media screen and (max-width: 350px) {
	#footer-container { margin: 0 0 2em 0; }
	#spiritlogo-bottom { display:none; }
	#sp8-logo-1-bottom { width: 70px; margin: 6px 0 0 0; }
	#vertline-bottom { margin: -28px 0 0; padding: 0 4px 0 4px; }
	#sp8-logo-2-bottom { width: 114px; margin: -28px 0 0 1px; }
	#copyright { font-size: .75em; }
	#backbtn { font-size: 25px; right: 0; padding: 5px 30px 5px 5px; }
}

@media screen and (max-width: 300px) {
	#sp8-logo-1-bottom { width: 70px; margin: 12px 0 0 0; }
	#vertline-bottom { margin: -23px 0 0; padding: 0 3px 0 4px; }
	#sp8-logo-2-bottom { width: 108px; margin: -23px 0 0 1px; }
	#copyright { font-size: .65em; }
}

@media screen and (max-width: 275px) {
	#sp8-logo-1-bottom { width: 55px; margin: 12px 0 0 0; }
	#vertline-bottom { margin: -23px 0 0; padding: 0 2px 0 3px; }
	#vertline-bottom img { height: 18px !important; }
	#sp8-logo-2-bottom { width: 90px; margin: -25px 0 0 11px; }
	#bottom-contact { margin: .5em 0 2.5em 0; }
	#border {
		text-align: center;
		margin: 1em auto .5em;
		display: block;
		position: static;
		clear: both;
		float: none; }
	#copyright {
		font-size: .55em;
		text-align: center;
		width: 100%;
		margin: 0 auto .25em; }
	#social-media {
		text-align: center;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		position: static;
		clear: both;
		float: none; }
}

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

}