html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, .big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section
 {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
  max-width: 100%;
  display: block;
	color-profile: sRGB !important;
}


/* ******************************************
	box include
****************************************** */
*	{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


	/*******************************************
 Float Clearing http://nicolasgallagher.com/micro-clearfix-hack
 *******************************************/


/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }


.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}

/*note .container {display: flex;} can be used for the holding container*/

div#preload { display: none; }
/*--------------------------------------------------------------
Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

html {
  font-size: 100%;
  line-height: 1;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
	background: #fff;
	font-size: 16px;
	line-height: 1;
	color: #000000;
	margin: 0 auto;
	padding: 0;
	word-wrap: break-word !important;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 300;
}

#wrapper {
	margin: 0 auto;
	padding: 0 ;
	text-align:left;
	max-width: 1500px;
	z-index: 1;
}

.left {
	text-align: left !important;
}
.right {
	text-align: right !important;
}

.center {
	text-align: center !important;
}

.uppercase {
	text-transform: uppercase !important;
}

.italic {
	font-style: italic !important;
}

em, i {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: 400;
}

strong, b {
	font-weight:700;
}

p {
	font-size: 1rem;
	text-align: left;
	line-height: 1.4;
	margin: 0;
	padding:1em 0;
}

.find-me {
	padding:3rem 1rem;
	font-size: 1.5rem;
	line-height:1.2;
	font-weight:700;
	text-align:center;
}
@media screen and (min-width:818px){
.find-me {
	padding:3rem 1rem;
	font-size: 1.5rem;
	line-height:1.2;
	font-weight:700;
	text-align:left;
}
}
h1.contact{
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	line-height: 1.2;
	font-weight: 400;
	font-size: 1.1rem;
	padding: 1rem;
	text-align:left;
	max-width:100%;
	margin: 1rem auto;
	text-transform:uppercase;
    text-align:center;
}
@media screen and (min-width:818px){
h1.contact{
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	line-height: 1.2;
	font-weight: 400;
	font-size: 1.1rem;
	padding: 1rem;
	text-align:left;
	max-width:100%;
	margin: 1rem auto;
	text-transform:uppercase;
		text-align:left;
}
}
h1.pg-title {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	line-height: 1.2;
	font-weight: 400;
	font-size: 1.2rem;
	padding: 1rem;
	text-align:left;
	max-width:100%;
	margin: 1rem auto;
}

@media screen and (min-width:600px){
	h1.pg-title {
		font-size: 1.2em;
	}
}
@media screen and (min-width:818px){
h1.pg-title {
	font-size: 1.3em;
}
}

@media screen and (min-width:918px){
h1.pg-title {
	font-size: 1.5em;
}
}

h2 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight:300;
	font-size: 1.15em;
	margin: 0 0 1em;
	text-align:center;
}

@media screen and (min-width:785px){
h2 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight:300;
	font-size: 1.15em;
	margin: 0 0 1em;
	text-align:left;
}
}
main.articles .mini {
	margin: 0 0 .7rem;
	padding-top: .25rem
}

h3 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 1.15em;
	margin: 0 0 1em;
	text-align:center;
}
main h1 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	line-height: 1.2;
	font-weight: 400;
	font-size: 1.1rem;
	padding: 1rem 2rem;
	text-align:center;
	margin: 1rem auto;
}
@media screen and (min-width: 785px){
main h1 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	line-height: 1.2;
	font-weight: 400;
	font-size: 1.1rem;
	padding: 1.8rem 1rem 0;
	text-align:left;
	margin: 1rem auto;
}
}
blockquote {
	font-size: .75rem;
	line-height: 1.4;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	/* max-width: 800px; */
	text-align:left;
	font-style:italic;
	padding:1rem 1rem .5rem 1rem;
	margin:0 auto;
	text-align:center;
	max-width:550px;
}
@media screen and (min-width:650px) {
	blockquote {
		max-width:800px;
		font-size: 1rem;
	}
}
cite {
	display:block;
	font-size: .875rem;
	font-style:normal;
}
header {
	background-color: #901E03;
  margin: 0 auto;
  padding: 1rem 1.5rem .25rem;
  width: 100%;
	background-image: url(../images/Blood-A.png), url(../images/Blood-B.png) ;
	background-repeat: no-repeat, no-repeat;
	background-position: top 150% left -60%, top 150% right -20%;
	display: flex;
	flex-wrap: wrap;
  justify-content: center;
	position:relative;
	z-index:2;
}
@media screen and (min-width:400px){
header {
	background-color: #901E03;
  margin: 0 auto;
  padding: 1rem 1.5rem .25rem;
  width: 100%;
	background-image: url(../images/Blood-A.png), url(../images/Blood-B.png) ;
	background-repeat: no-repeat,
			no-repeat;
	background-position: top 20% left -10%, top 20% right -10%;
	display: flex;
	flex-wrap: wrap;
  justify-content: center;
}
}
@media screen and (min-width:918px){
	header {
		background-color: #901E03;
	  margin: 0 auto;
	  padding: 1em 1.5em;
	  width: 100%;
		background-image: url(../images/Blood-A.png), url(../images/Blood-B.png) ;
		background-repeat: no-repeat,
				no-repeat;
		background-position: top left, top right;
		display: flex;
	  justify-content: flex-start;
	}
}

#site-name {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 600;
  color: #FCF9E8;
  line-height: 1;
  text-transform: uppercase;
  font-size: 1.25rem;
	line-height:1;
  letter-spacing: .01em;
  text-align: center;
  width: 100%;
	padding:0 0.25rem 0
}
@media screen and (min-width:415px){
	#site-name {
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 600;
    color: #FCF9E8;
    line-height: 1;
    text-transform: uppercase;
    font-size: 1.87em;
  	line-height:1;
    letter-spacing: .02em;
    text-align: center;
    width: 100%;
  	padding:.25rem 0
	}
}
@media screen and (min-width:818px){
	#site-name {
	  font-size: 2.2em;
	  letter-spacing: .1em;
	  text-align: center;
/*	  flex-basis:375px;*/
		padding: 1.1rem 1rem .5rem;
	}
}
@media screen and (min-width:1023px){
	#site-name {
	  font-size: 2.5em;
	  letter-spacing: .1em;
		line-height:1;
	  text-align: left;
	  flex-basis:400px;
		padding: 1.5rem 1.5rem .5rem;
	}
}
#site-name a {
	color:inherit;
	text-decoration:none;
}
#tagline {
	  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 600;
  color: #FCF9E8;
  line-height: 1;
  text-transform: uppercase;
  font-size: 1.25rem;
	line-height:1;
/*  letter-spacing: .05em;*/
  text-align: center;
  width: 100%;
	padding:0
/*
  color: #F0B6AB;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: .875em;
  font-weight: 500;
  letter-spacing: 0;
  padding: .5em 0 0 0;
	line-height:1.2;
*/
}
@media screen and (min-width:415px){
	#tagline {
	 		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 600;
    color: #FCF9E8;
    line-height: 1;
    text-transform: uppercase;
    font-size: 1.87em;
/*  	line-height:1.2;*/
/*    letter-spacing: .05em;*/
    text-align: center;
    width: 100%;
  	padding:.25rem 0
	}
}
@media screen and (min-width:818px){
	#tagline {
		font-size: 2.2em;
/*	  letter-spacing: .1em;*/
	  text-align: center;
	  width: 100%;
		padding: 0;
/*
	  letter-spacing: .1em;
	  padding: 2em 0 0 0;
*/
	}
}
@media screen and (min-width:1023px){
	#tagline {
      font-size: 2.5em;
/*	  letter-spacing: .1em;*/
	  text-align: left;
		line-height:1;
	  flex-basis:575px;
		padding: 1.5rem 0 0;
/*
	  letter-spacing: .1em;
	  padding: 2.75em 0 0 0;
*/
	}
}

.observer {
	position:absolute;
	top: 80px;
	width:100%;
	max-height:300px;
	overflow:hidden;
	background-image: url(../images/eyes-observingB.jpg);
	background-size: contain;
	background-repeat:no-repeat;
	background-position:center center;
	z-index:0;
}
	@media screen and (min-width:320px){
	.observer {
		position:absolute;
		top: 80px;
	}
	}
@media screen and (min-width:435px){
.observer {
	position:absolute;
	top: 100px;
}
}
@media screen and (min-width:550px){
.observer {
	position:absolute;
	top: 100px;
}
}
@media screen and (min-width:600px){
.observer {
	position:absolute;
	top: 100px;
}
}
@media screen and (min-width:650px){
.observer {
	position:absolute;
	top: 70px;
}
}

@media screen and (min-width:750px){
.observer {
	position:absolute;
	top: 75px;
}
}

@media screen and (min-width:818px){
.observer {
	position:absolute;
	top: 124px;
background-size: cover;
}
}

@media screen and (min-width:1714px){
.observer {
  position: absolute;
  top: 124px;
  margin: 0 auto;
  text-align: center;
  max-height: 350px;
}
}
.observer img {
margin: 0 auto;
  text-align: center;	
}

/*-----------------
Navigation Begins
start with mobile and global settings */
.contain-nav {
	position:relative;
	z-index:2000;
}

.hamburger, .close {
	font-size: 1.2rem;
	color: #999;
	position: absolute;
	top: 0;
	right: .5rem;
	line-height: 1.5;
	padding-right: .5rem;
	/* z-index:20; */
}

.hamburger, .close {
	font-size: 1.2rem;
	color: #999;
	position: absolute;
	top: .25rem;
	right: .5rem;
	line-height: 1.5;
	padding-right: .5rem;
	/* z-index:20; */
}
a.relocate-nav:link {
	position:absolute;
	top:.5rem;
	color:#FCF9E8;
}
a.relocate-nav:visited {
	position:absolute;
	top:.5rem;
	color:#FCF9E8;
}
a.relocate-nav:hover {
	position:absolute;
	top:.5rem;
	color: #dd7158;
}
a.em {font-weight:600!important}

nav {
	/* border: 1px solid #ccc; */
	width:100%;
	/* height: 100vh; */
	overflow: hidden;
	margin: 0 auto;
	background-color: #fff;
	padding: .5rem .5em 1em;
	position:absolute;
	top: -12px;
	left:0;
	display: flex; /*this makes the nav and close sit next to each other*/
	justify-content: space-between;
	text-align:center;
	/* animate slide up/down */
	transform: translateY(-400%);
	transition: transform 0.5s ease;
	box-shadow: 0 0 12px #000;
}

nav:target {
	transform: translateY(0);
}

nav ul {
  list-style-type: none;
  margin: 0;
	padding: 0 10%;
	display: flex;
	flex-flow: column wrap;
	justify-content: flex-start;
	width:100%;
	text-align:left;
	/* border-bottom:1px solid #ccc; */
}

nav li {
	display: inline-block;
}

nav a {
  color: #050505;
  text-decoration: none;
  font-size: .875rem;
	line-height:1.4;
  font-weight: bold;
	display: block; /*Makes this take up the full width */
	padding: .5rem .875rem;
	text-transform:uppercase;
}
nav a:focus {
  /* background-color: yellow; */
  color: #532802;
}

nav a:hover {
  color: #a92202;
}

 a.close:link {
	position:absolute;
	top: 0;
	right: .5rem;
	padding:0 .5rem 0 0;
	margin: 0;
	background-color:transparent;
	color: #999;
}

a.close:hover {
	background-color:transparent;
	color: red;
}
/* apply as a location to nav */
/* .active {
	color: purple;
} */

/*second layer nav styles */
 nav ul ul {
	font-size: .875rem;
	border-left: 3px solid #ddd;
	padding: 1rem 1.5rem .5rem;
	text-align:left;
	width:80%;
	margin: 0 auto;
	text-transform:none;
	background-color: white;
	 z-index:3000;
}
nav ul ul li {
	display:block;
	border-bottom:1px solid #ddd;
	background-color: white;
}
nav ul ul li a {
	font-size: .875rem;
	text-transform: none;
	font-weight:600;
}
.dropdown {
	position:relative;
}

.dropdown-menu {
	display: none;
	position: relative;
	z-index: 1000;
}

.dropdown:hover .dropdown-menu {
	display:block;
}
/* nav ul ul a {
	color: purple;
}
/* end mobile nav and global nav */

/* changes to nav for desktop */
@media screen and (min-width:818px){
	.contain-nav {
		margin: 0 auto;
		position: absolute;
		display:contents;
		z-index:5000;
		top:122px;
		width:100%
	}

	nav {
		position: relative;
		height: auto;
		padding: .5em 0;
		transform: translateY(0);
		overflow: visible;
		background: rgb(144,30,3);
		background: linear-gradient(180deg, rgba(144,30,3,0.6628851369649422) 0%, rgba(180,103,84,0.5760504030713849) 32%, rgba(255,255,255,.2) 99%);
		box-shadow: none;
		z-index:10;
	}

	.hamburger, .close {
		display: none;
	}

	nav a {
  padding: 1rem;
}

	nav ul {
		flex-flow:row wrap;
		justify-content: center;
		/* position:relative; */
	}

	.dropdown {
		position:relative;
	}

	.dropdown-menu {
		display: none;
		position: absolute;
		z-index: 100000;
		background-color: #fff !important;
	}

	.dropdown:hover .dropdown-menu {
		display:block;

	}
	nav ul ul {
		z-index:1000000;
		border-left: none;
		width: 100%;
		margin: 0;
		position: absolute;
		left:0;
		background-color: #fff !important;
		min-width: 275px;
		padding:0;
		box-shadow: 1px 2px 10px rgba(238,221,217,1) ;
	}
	nav ul ul li {
		border-bottom: 1px solid #ccc;
		padding: .5em 1em;
		background-color: #fff !important;
	}

	nav ul ul a {
		font-size: .875rem;
		text-transform: none;
	}
	nav ul ul li a{
		position:relative;
		line-height:1.1;
		margin:.5rem .75rem .5rem .15rem;
		font-weight:600;
		padding:0;
			z-index:100000
}
}
/*-----------------End-navigation --------------*/

a {
    text-decoration: none;
}
a.home:link {
	color: #FCF9E8;
}
a.home:visited {
	color: #FCF9E8;
}
a.home:hover {
	color: #a92202 ;
}
a.home:active {
	color: #FCF9E8;
}

a:link {
	color: #521001;
	font-weight:600;
}
a:visited {
	color: #521001;
}
a:hover {
	color: #a92202;
}
a:active {
	color: #521001;
}
a em {
	font-weight:600 !important;
}

a.bio:link {
	color: #fff;
}
a.bio:visited {
	color: #fff;
}
a.bio:hover {
	color: #a92202;
}
a.bio:active {
	color: #fff;
}


main {
	position:static;
	width: 100%;
	margin: 2rem auto 5rem;
	text-align:center;
	clear:both;
	padding:0 .875rem;
	z-index:1 !important;
}
@media screen and (min-width:818px){
	main {
		position:static;
		max-width: 950px;
		margin: 3rem auto 5rem;
		text-align:center;
		clear:both;
	}
}
main.about {
	position:relative;
	/* top: 280px; */
	max-width: 1000px;
	margin: 0 auto;
	text-align:left;
	clear:both;
	z-index:0;
}

main.about {
	position:relative;
	top: 100px;
	max-width: 1000px;
	margin: 0 auto;
	text-align:left;
	clear:both;
	padding: 0;
}
@media screen and (min-width:444px){
main.about {
	position:relative;
	margin-top: 40px;
}
}
@media screen and (min-width:538px){
main.about {
	position:relative;
	margin-top: 70px;
}
}
@media screen and (min-width:670px){
main.about {
	position:relative;
	margin-top: 100px;
}
}

@media screen and (min-width:918px){
main.about {
	position:relative;
	margin-top: 150px;
}
}

@media screen and (min-width:1714px){
main.about {
	position:relative;
	margin-top: 190px;
}
}

.about-pict {
	max-width:100%;
	text-align:center;
	padding:1rem;
	margin:0 auto;
}

.main-hold {
	position: static;
	z-index: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 500px;
	margin:0 auto;
	padding: 0 1rem;
}
@media screen and (min-width:785px){
		.main-hold {
		justify-content:space-between;
		max-width:950px;
		margin: 0 auto;
		padding: 0 1rem;
	}
}

/*
.main-hold h2 {
	line-height:1.5;
	font-size:1.25rem;
}
@media screen and (min-width:538px){
.main-hold h2 {
	line-height:1.6;
	font-size:1.5rem;
}
}
*/
.col-1 {
	flex-basis: 98%;
	max-width:500px;
	padding: 1rem 1rem 2rem;
	border-bottom:1px solid #ccc;
}
@media screen and (min-width:785px){
.col-1 {
	flex-basis: 45%;
}
}
.col-2 {
	flex-basis: 98%;
	max-width:500px;
	padding: 1rem 1rem 2rem;
	border-bottom:1px solid #ccc;
}
@media screen and (min-width:785px){
.col-2 {
	flex-basis: 50%;
}
}

.col-2 h3 {
	color: #050505;
  font-weight: 700;
  line-height:1.5;
  font-size: 1rem;
  text-align:center;
  max-width:550px;
  margin:0 auto;
  padding:  0 0 1rem;
 }

.purchase-hold {
	display:block;
	/* justify-content: flex-start; */
}
@media screen and (min-width:600px){
.purchase-hold {
	display:flex;
	justify-content: flex-start;
}
}
/* @media screen and (max-width:499px){
.col-side {
	display:none;
}
} */
.col-side {
	/* display:contents; */
	flex-basis: 100%;
	/* max-width:150px; */
	padding: 1rem 1em 2rem;
	border-bottom:1px solid #ccc;
	/* margin:0 auto; */
}
@media screen and (min-width:600px){
.col-side {
	/* display:contents; */
	flex-basis: 40%;
	/* max-width:300px; */
	padding: 1rem 1em 2rem 0;
	border-bottom:1px solid #ccc;
}
}
/* @media screen and (min-width:785px){
.col-side {
	flex-basis: 30%;
}
} */
.purchase-list {
	flex-basis: 100%;
	/* max-width:500px; */
	padding: 1rem 0 2rem;
	border-bottom:1px solid #ccc;
}

@media screen and (min-width:600px){
.purchase-list {
	flex-basis: 50%;
		padding: 1rem 1em 2rem;
}
}
img.home-feature {
	box-shadow: 0 3px 20px #999;
	/* min-width:150px; */
	padding: 0;
	margin: 1em auto;
	max-width:300px;
}
/* @media screen and (min-width:785px){
img.home-feature {
	box-shadow: 0 3px 20px #999;
	max-width:350px;
	padding: 0;
	margin: 1em 2em 1em 0 ;
}
} */

 h3.leader {
	color: #050505;
	font-weight: 700;
	line-height:1.5;
	font-size:.875rem;
	text-align:center;
	max-width:250px;
	margin:0 auto;
	padding: 1rem 0 0 0;
}

h3.intro {
	text-transform:uppercase;
	color: #050505;
	font-weight: 700;
	line-height:1.2;
	font-size:1.1rem;
	text-align:center;
	max-width:400px;
	padding: 0;
	margin:0 auto;
}
@media screen and (min-width:785px){
h3.intro {
	font-size:1.1rem;
	text-align:left;
	margin:0
}
}
p.author {
	font-size: 1.2rem;
	font-weight:400;
	padding: .5rem 0 0;
	margin:0 auto;
	text-align:center !important;
}
@media screen and (min-width:785px){
	p.author {
		text-align:left !important;
		margin:0;
	}
}
.main-hold p {
	color: #050505;
	font-weight: 400;
	line-height:1.4;
	font-size:1rem;
	text-align:left;
	padding: .5rem 0;
	width:100%;
	display:block;
}

.main-hold p.larger {
	font-size:105%
}

.main-hold .lead-in {
	color: #050505;
	font-weight: 700;
	line-height:1.4;
	font-size: 1rem;
	text-align:center;
	padding: 1.5rem 0 0;
	margin:0 auto;
	max-width:90%;
}
@media screen and (min-width:785px){
.main-hold .lead-in {
	color: #050505;
	font-weight: 700;
	line-height:1.4;
	font-size:1rem;
	text-align:left;
	padding: 1.5rem 0 0;
	max-width:100%;
}
}

/* About styles */
.bio-hold {
	position: static;
	z-index: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 500px;
	margin:0 auto;
	padding: 2rem 1rem 1rem;
}
@media screen and (min-width:785px){
		.bio-hold {
		justify-content:center;
		max-width:1500px;
		margin: 0 auto;
		padding: 2rem 1rem 1rem;
		flex-wrap:nowrap;
	}
}
.col-A {
	flex-basis: 98%;
	max-width:500px;
	padding: 1rem 3rem;

}
@media screen and (min-width:785px){
.col-A {
	flex-basis: 32%;
	max-width: 600px;
	padding: 1rem;
}
}
 .col-A img {
	 text-align:right;
	 padding:0 1rem;
	 margin:0;
	 max-width:300px;
 }
@media screen and (min-width:785px){
 .col-A img {
	 text-align:right;
	 padding:0 1rem;
	 margin:0;
	 max-width:100%;
 }
}
.col-B {
	flex-basis: 98%;
	/* max-width:500px; */
	padding: 1rem 0;
}
@media screen and (min-width:785px){
.col-B {
	/* max-width:700px; */
	flex-basis: 70%;
}
}
.col-B h3 {
 color: #050505;
 font-weight: 700;
 line-height:1.5;
 font-size: 1rem;
 text-align:center;
 max-width:550px;
 margin:0 auto;
 padding:  0 0 1rem;
}
h3 {
 color: #050505;
 font-weight: 700;
 line-height:1.5;
 font-size: 1rem;
 text-align:center;
/* max-width:550px;*/
 margin:0 auto;
 padding:  0 0 1rem;
}
@media screen and (min-width:750px) {
			.col-B h3 {
			color: #050505;
			font-weight: 700;
			line-height:1.5;
			font-size: 1rem;
			text-align:left;
			margin:0;
			padding:  0 0 1rem;
		}
		h3 {
			color: #050505;
			font-weight: 700;
			line-height:1.5;
			font-size: 1rem;
			text-align:left;
			margin:0;
			padding:.5rem  1rem;
		}
}
.col-B p {
	color: #050505;
	font-weight: 400;
	line-height:1.4;
	font-size: 1rem;
	text-align:left;
	padding: .5rem 0 0 ;
}
p {
	color: #050505;
	font-weight: 400;
	line-height:1.4;
	font-size: 1rem;
	text-align:left;
	padding: .5rem 0 0 ;}

.col-B ul {
	padding: 1rem 0 1rem 1rem;
}
ul.about-list {
	padding: 1rem 0 1rem 1rem;
}
.col-B li {
	padding: .75rem 0 0 0 ;
	line-height:1.2;
	color: #050505;
	font-weight: 400;
	font-size: 1rem;
}
ul.about-list li {
	padding: .75rem 0 0 0 ;
	line-height:1.2;
	color: #050505;
	font-weight: 400;
	font-size: 1rem;
}

.col-B p.footnote {
	font-size:85%;
	padding-top:4rem;
}
p.footnote {
	font-size:85%;
	padding-top:4rem;
}

/*articlepages*/
main.articles h2 {
	padding-top:2rem;
	font-weight:400;
	width:100%;
	font-size: 1rem;

}

@media screen and (min-width:785px){
main.articles h2 {
	padding-top:2.5rem;
	font-weight:400;
	width:100%;
	text-align:left;
	line-height:1.4;
}
}
.main-hold h2 {
	line-height:1.6 !important;
}
@media screen and (min-width:785px){
.main-hold h2 {
	line-height:1.6;
	font-size:1.1rem !important;
}
}
.main-hold ul {
	text-align:left;
	margin-left:1.15rem;
	font-size:1rem;
	line-height:1.4;
	font-weight:400;
	list-style-type: none;
}
.main-hold ul li:before {
    content: '\2013';
    position: absolute;
    margin-left: -16px;
    /*	top:0;*/
    /*	left:-20px;*/
    text-align:left;
    /*	margin-left:.5rem;*/
    margin-top:-1px;
	
}
.main-hold ul li {
	padding:0 0 .5rem;
}
.main-hold ol {
	text-align:left;
	margin-left:1.15rem;
	font-size:1rem;
	line-height:1.4;
	font-weight:400;
	list-style-type: revert;
}
.main-hold ol li {
padding: .5rem 0 .5rem 1rem;
}

.main-hold blockquote {
	text-align:left;
	font-style: italic;
	font-size:1rem;
}

.quote {
	padding:1rem 2rem !important;
	font-style:italic;
	
}
sup {
  vertical-align: super;
  font-size: smaller;
	font-style: italic;
	display: inline-block;
/*	margin-bottom:.25rem;*/
}

.notes {
	border-top: 1px solid #ccc;
	padding:1rem 2rem;
	margin-top:2rem;
	width:100%;
}



button {
	background-color: #fff;
	border-radius: .5rem;
	box-shadow: 1px 2px 10px rgba(144, 30, 3, .5);
	padding: .5rem .75rem .5rem;
	font-size:.75rem;
	text-transform:uppercase;
	color: rgb(144, 30, 3);
	margin: 1.5rem auto 1.5rem;
	border: 1px solid #fff;
}
button:hover {
	background-color: #fff;
	border-radius: .5rem;
	box-shadow: 1px 2px 10px rgba(83, 17, 1, .5);
	padding: .5rem .75rem .5rem;
	font-size:.75rem;
	text-transform:uppercase;
	color: rgb(83, 17, 1);
	margin: 1.5rem auto;
}

footer {
	position:fixed;
	bottom: 0;
	width:100%;
	margin: 0 auto;
	text-align: center;
	font-size: .75em;
	padding: 1em 1em .5em;
	background: #fff;
	background: rgba(255,255,255, 1);
	display:block;
	z-index:5000;
	clear:both;
}
@media screen and (min-width:918px){
	footer {
		position: fixed;
		bottom: 0;
		width: 100%;
		text-align: center;
		font-size: .75em;
		padding: 1em 2em;
		margin-bottom: .5em;
		background: #fff;
		background: rgba(255,255,255, 1);
		margin: 1em auto 0;
}
}

  /*********************
   bottom button
   **********************/

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 2.5em; /* Place the button at the bottom of the page */
  z-index: 99; /* Make sure it does not overlap */
  border: none;  /*    Remove borders */
  outline: none; /* Remove outline */
  background-color: rgba(20,20,20,0.30); /* Set a background color */
  color: #ffffff; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 10px 12px; /* Some padding */
  border-radius: 50%; /* Rounded corners */
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  box-shadow: 1px 5px 10px rgba(233,227,225,.6);
 right: 1.5em; /* Place the button 30px from the right */
}
#myBtn i {
  color: #ffffff;
  margin: 0;
  position: relative;
  right: 0;
  top: 0;
  font-size: 20px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 99;
}

#myBtn:hover {
  background-color: #999; /* Add a dark-grey background on hover */
}

#myBtn:hover i {
    color: #ccc;
    top: -5px;
}
.goBtn {
	display: block;
	border: 1px solid #fbfbfb;
	border-radius:30px;
	box-shadow: 1px 1px 10px #ccc;
	min-width: 150px;
	padding: .5em;
	margin: 0 auto 1.5em;
	max-width: 300px;
	/* float:left; */
	clear:both;
	text-align:center;
}

.goBtn:hover {
	box-shadow: 1px 1px 6px #9a3212;
}

.sr-only {
	border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
	-webkit-clip-path: inset(50%) !important;
		clip-path: inset(50%) !important;  /* 2 */
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important;            /* 3 */
}

.fa-angle-down::before {
    content: "\f107";
    padding-left: .5rem !important;

}
 ul.entire {
	padding:0 1rem;
	font-weight:normal;
}

 ul.entire li {
	text-align:left;
	padding:1rem 0 .5rem;
	line-height:1.3;
	list-style-type: none;
}
 ul.entire-less {
	padding:0 1rem;
   font-weight:normal;
}

 ul.entire-less li {
	text-align:left;
	padding:0 0 .5rem;
	line-height:1.3;
	list-style-type: none;
}