@charset "utf-8";
/*normalize.css and main.css*/
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
   color: #222;
   font-size: 1em;
   line-height: 1.4;
}
body {
  margin: 0;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
.hidden {
    display: none !important;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}
textarea {
  overflow: auto;
  resize: vertical;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/*howe-layout.css*/
body {
    margin-top: 0;
	background-color: #000;
	background-position:top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
    background-size: 100%;
	font-family: 'Roboto', sans-serif;
    font-size: 1em;
	font-weight: 300;
    line-height: 1.4;
    color: #1d1c1c;
}
@media only screen and (min-width: 481px) {
body {
    line-height: 1.4;
}
}
@media only screen and (min-width: 767px) {
body {
    font-size: 1.0625em;
    line-height: 1.6;
}
}
/* Mobile Layout: 480px and below. All others inherit unless overridden */
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 94%;
	padding-left: 2%;
	padding-right: 2%;
	clear: none;
	float: none;
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
}
}
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88.5%;
	max-width: 1232px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
}
.topBar {
	background: #000;
	display: block;
	padding: 10px 0;
	color: #fff;
	font-weight: 400;
}
@media only screen and (min-width: 625px) {
.topBar {
	padding: 5px 6px 10px 0px;
}
}
input[type=text] {
    width: 100%;
}
input.join {
    width: 100%;
	margin: 0px;
  border-radius:0;
  border: 1px solid #ccc;
    padding: 5px;
    box-sizing: border-box;
}
input.zipcode {
    width: 65%;
	margin: 0px;
}
.topBar input {
    border: none;
        border-radius: 0;
    -webkit-appearance: none;
    	padding: 6px 10px;
}
.topBar input[type="text"] {
	background: #fff;
  margin-right:-4px;
	color: #4C4C4C;
	/* font-size: 75%; */
	text-transform: uppercase;
	border: 1px solid #fff;
	max-width: 35%;
}

input[type="submit"] {
	/* background: #df2928; */
  background:#277d8d;
	/* -moz-border-radius: 3px;
	border-radius: 3px; */
	border: 1px solid #277d8d;
	color: #fff;
}
input[type="submit"]:hover {
  color:#277d8d;
	background: #fff;
  border: 1px solid #277d8d;
}

.social {
	padding: 0 10px;
}
.topMailJoin {
	float: none;
	width: 100%;
	margin: 5px auto 10px auto;
	text-align: center;
  font-size:75%;
}
@media only screen and (min-width: 897px) {
.topMailJoin {
	float: right;
	width: auto;
	margin: 5px 10px 5px 0;
	text-align: right;
}
}
/* Mobile Layout: 480px and below. All others inherit unless overridden */
.small-header {
    display: block;
	margin: 0px;
}
@media only screen and (min-width: 481px) {
.small-header {
    display: none;
}
}
.medium-header {
    display: none;
}
@media only screen and (min-width: 481px) {
.medium-header {
    display: block;
	margin: 0px;

}
}
@media only screen and (min-width: 897px) {
.medium-header {
    display: none;
}
}
.large-header {
    display: none;
}
@media only screen and (min-width: 897px) {
.large-header {
    display: block;
	margin: 0px;
}
}
.small-header p, .medium-header p, .large-header p {
	margin: 0;
}
/*MOBILE MENU */
.js #menu, #menu { /*don't display the menu that builds the mobile menu ever */
		display:none;
	}
.slicknav_menu {
	display:none;
}
.slicknav_btn .slicknav_collapsed {width:100px;}
.slicknav_menu {
    font-size: 1em;
    background: #000;
    padding: 5px;
}
.slicknav_nav {
    clear: both;
    color: #fff;
    margin: 0;
    font-size: 1.2em;
}
.slicknav_nav a {
	color: #fff;
}
.slicknav_btn {
	/* background-color: #277D8D; */
  background-color:transparent;
}
.slicknav_nav a:hover{
	background: #DF2928;
	color: #fff;
}
.slicknav_nav a:visited, slicknav_nav .slicknav_item a:visited, slicknav_nav .slicknav_item a:hover {
	color: #fff;
}
.slicknav_nav .slicknav_item:hover, .slicknav_nav .slicknav_item:visited {
	background: #DF2928;
	color: #fff;
}
.slicknav_menu .slicknav_menutxt {
    text-shadow: none;
}
@media screen and (max-width: 896px) { /*display the mobile menu now up to 897px */
	.js .slicknav_menu {
		display:inline-block;
	}
}
/*END OF MOBILE MENU */
/*START OF MAIN MENU */
.mainmenu {
	display:none;
}
.anylinkcss {
	display:none;
}
@media only screen and (min-width: 897px) {
.mainmenu {
	display: block;
	width: 100%;
	background-color: #000;
	/* padding: 5px 0; */
	color: #fff;
}
.anylinkcss {
	display:block;
}
.mainlinks {
	margin: 0 0 0 5%;
}
}
@media only screen and (min-width: 1040px) {
.mainlinks {
    margin: 0 0 0 10%;
}
}
@media only screen and (min-width: 1232px) {
.mainlinks {
    margin: 0 0 0 15%;
}
}
.mainlink {
	padding: 10px;
	color: #fff;
	float: left;
	font-family: 'Roboto', sans-serif;
    font-size: 1em;
	font-weight: 400;
}
@media only screen and (min-width: 1040px) {
.mainlink {
	padding-right: 15px;
	padding-left: 15px;
}
}
@media only screen and (min-width: 1232px) {
.mainlink {
	padding-right: 20px;
	padding-left: 20px;
}
}
.mainlink a {
	color: #fff;
	text-decoration: none;
}
.mainlink a:hover {
	color: #fff;
	background: none;
}
.mainlink a:visited {
	color: #fff;
}
.mainlink:hover {
	/* background-color: #df2928; */
  background-color: #277d8d;
	color: #fff;
}
.midColorBar {
	background: #000;
	display: block;
	background-image: url(../images/howebg.gif);
}
.main-content {
    padding: 1% 5%;
    /* background-color: #d3d7d7; */
    background:#fafafa;
    border-top: none;
 }
@media only screen and (min-width: 481px) {
.main-content {
    padding: 1% 5%;
}
}
@media only screen and (min-width: 897px) {
.main-content {
	padding: 5%;
}
}
.photoHeader {
	padding: 1%;
    background-color: #fff;
    border-top: none;
	text-align: center;
}
.home-content {
    padding: 1% 3%;
    /* background-color: #d3d7d7; */
    background:#fafafa;
    border-top: none;
	line-height: 1.35em;
 }
@media only screen and (min-width: 481px) {
.home-content {
    padding: 1% 3%;
}
}
@media only screen and (min-width: 897px) {
.home-content {
	padding: 3%;
	/* background-image: url(../images/home-div-bg.gif); */
	background-position: center;
	background-repeat: no-repeat;
}
}
.slider-content {
    padding: 0;
	background-color: #000;
}
.slider-content p {
	margin: 0;
}
.lean-slider {
	background: #B7B7B7;
	color: #000;
	text-align: center;
	font-size: 90%;
}
.highlight-content {
    padding: 1% 5%;
    background-color: #277D8D;
}
.highlight-content h4 {
	text-align: center;
	font-size: 1.5em;
	font-weight: 400;
	color: #fff;
}
@media only screen and (min-width: 481px) {
.highlight-content {
    padding: 1% 5%;
}
}
@media only screen and (min-width: 897px) {
.highlight-content {
	margin-top: 0px;
}
}
.main-footer {
    padding: 1% 5%;
    background-color: #4cc3d3;
    font-size: 70%;
    color: #1f6977;
    line-height: 145%;
	font-weight: bold;
}
/*END OF MAIN LAYOUT AND GENERAL STYLES */
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
.clearDiv {
	clear:both;
}
/*START OF CUSTOMIZATIONS */
/* Mobile Layout: 480px and below. All others inherit unless overridden */
h1, h2, h3, h4, h5, h6 {
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
h1 {
	font-size: 1.15em;
	color: #df2928;
	text-transform: uppercase;
}
h2 {
	font-size: 1.15em;
	color: #277D8D;
}
h3 {
     font-size: 1.15em;
     color: #333333;
}
h4 {
	font-size: 1.05em;
	color: #df2928;
}
h5 {
    font-size: 1em;
	color : #277D8D;
}
h6 {
    font-size: 1em;
	color : #333333;
}
@media only screen and (min-width: 897px) {
h1 {
	font-size: 1.35em;
}
h2 {
	font-size: 1.30em;
}
h3 {
     font-size: 1.25em;
}
h4 {
	font-size: 1.2em;
}
}
a
{
  color : #277D8D;
}

a:visited
{
  color : #277D8D;
}
a:hover
{
  color : #DF2928;
}
a.copyright {
	color:#277D8D;
}
a.copyright:visited {
	color:#277D8D;
}
a.copyright:hover {
	color:#000;
}
.largecolor1 {
	font-size: 1.5em;
	color: #000;
}
.xlargecolor1 {
	font-size: 2em;
	color: #000;
}
.smallcolor1 {
	font : .95em "Calibri", sans-serif;
	color: #000;
}
@media only screen and (min-width: 897px) {
.smallcolor1 {
	font : 1.125em "Calibri", sans-serif;
}
}
.color1 {
	color: #000;
}
.col2thirdleft {
	float: left;
	width: 99%;
}
@media only screen and (min-width: 625px) {
.col2thirdleft {
	float: left;
	width: 65%;
}
}
.col1thirdright {
	float: left;
	width: 99%;
}
@media only screen and (min-width: 625px) {
.col1thirdright {
	float: right;
	width: 30%;
}
}
.col2thirdright {
	float: left;
	width: 99%;
}
@media only screen and (min-width: 625px) {
.col2thirdright {
	float: right;
	width: 65%;
}
}
.col1thirdleft {
	float: left;
	width: 99%;
}
@media only screen and (min-width: 625px) {
.col1thirdleft {
	float: left;
	width: 30%;
}
}
.col1third {
	float: left;
	width: 99%;
}
@media only screen and (min-width: 625px) {
.col1third {
	float: left;
	width: 30%;
	padding: 0 1%;
}
}
@media only screen and (min-width: 1020px) {
.col1third {
	float: left;
	width: 32%;
	padding: 0;
}
}
.col1half {
	float: left;
	width: 99%;
}
@media only screen and (min-width: 655px) {
.col1half {
	float: left;
	width: 45%;
	padding: 0 1.25%;
}
}
.col1home {
	float: left;
	width: 99%;
}
@media only screen and (min-width: 655px) {
.col1home {
	float: left;
	width: 55%;
	padding: 0 1.25%;
  box-sizing:border-box;
}
}
.col2home {
	float: left;
	width: 99%;
}
@media only screen and (min-width: 655px) {
.col2home {
  box-sizing:border-box;
	float: right;
	width: 40%;
  border-left: 1px solid #e8e8e8;
	/* padding: 0 1.25%; */
}
}
/*Contact Form */
.emailFormError {
	margin:0px;
	color:#FF0000
}
.inputButton {}
.inputText {
	width:95%;
}
.inputValue {
	width:95%;
}
@media only screen and (min-width: 625px) {
.inputText {
	width:85%;
}
.inputValue {
	width:85%;
}
}
/*EXTRAS */
/*a colored box without rounded corners */
.colorBox {
	background-color: #cccccc;
	padding: 20px;
}
.praiseBox {
	/* background-color: #cccccc; */
  background:#e8e8e8;
	padding: 25px;
	margin-top: 25px;
	color: #000;
}
@media only screen and (min-width: 625px) {
.praiseBox {
	/* background-color: #cccccc; */
	padding: 25px 75px;
	margin-top: 50px;
}

}
/*Highlight Box with rounded corners centered */
.colorBoxRound {
    width: 90%;
	padding: 15px;
    /* background-color: #bebcbc; */
    background:#e8e8e8;
	margin: 50px auto;
	/* border-radius: 10px; */
	-moz-border-radius: 10px;
}
@media only screen and (min-width: 625px) {
.colorBoxRound{
	padding: 25px 15px 25px 45px;
}
}
/*padding on images - sub for hspace, vspace or both */
.imgHPad {
	border: none;
	padding: 0 10px;
}
.imgVPad {
	border: none;
	padding: 10px 0;
}
.imgBPad {
	border: none;
	padding: 10px;
}
.imgRight {
	float: none;
	margin: 0 auto;
}
@media only screen and (min-width: 848px) {
.imgRight {
	float: right;
	width: auto;
	margin: 0 0 10px 25px;
}
}
p.buybuttons {
	text-align: center;
	margin: 0;
}
.shadowPic {
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 15px #ccc;
    -moz-box-shadow: 0 0 15px #ccc;
    -webkit-box-shadow: 0 0 15px #ccc;
    margin: 0 auto 20px auto;
}
.bioPic {
    width: 200px;
    float: none;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 15px #ccc;
    -moz-box-shadow: 0 0 15px #ccc;
    -webkit-box-shadow: 0 0 15px #ccc;
    margin: 0 auto 20px auto;
}
.bioPic2 {
    width: 500px;
    float: none;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 15px #ccc;
    -moz-box-shadow: 0 0 15px #ccc;
    -webkit-box-shadow: 0 0 15px #ccc;
    margin: 0 auto 20px auto;
}
.bioPic3 {
    width: 200px;
    float: none;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 15px #ccc;
    -moz-box-shadow: 0 0 15px #ccc;
    -webkit-box-shadow: 0 0 15px #ccc;
}
@media only screen and (min-width: 848px) {
.bioPic {
    float: right;
    margin: 0 0 20px 50px;
}
	.bioPic2 {
    float: right;
    margin: 0 0 20px 50px;
}
	.bioPic3 {
    float: none;
}
}
.bookCover {
    width: 200px;
    float: none;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 15px #ccc;
    -moz-box-shadow: 0 0 15px #ccc;
    -webkit-box-shadow: 0 0 15px #ccc;
    margin: 20px auto;
}
.bookCoverHome {
    width: 200px;
    float: none;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 15px #ccc;
    -moz-box-shadow: 0 0 15px #ccc;
    -webkit-box-shadow: 0 0 15px #ccc;
    margin: 20px auto 20px auto;
}
.bookRight {
	float: none;
	width: 100%;
	margin: 0 0 50px 0;
	max-width: 325px;

}
.homeTwitter {
	background: #000;
	margin: 20px 0;
	padding: 10px;
}
@media only screen and (min-width: 848px) {
.bookCover {
	width: 300px;
    float: none;
    margin: 0 auto 20px auto;
}
.bookCoverHome {
	width: 300px;
    float: none;
    margin: 20px auto 30px auto;
}
.bookRight {
	float: right;
	width: auto;
	margin: 0 0 0 50px;
}
.homeTwitter {
	margin: 40px 0 0 0;
	padding: 10px;
}
}
.buyLinksM {
	display:block;
	margin-bottom: 50px;
}
.buyLinksM img {
	padding: 5px;

}
.buyLinksD {
	display: none;
}
@media only screen and (min-width: 897px) {
.buyLinksM {
	display:none;
}
.buyLinksD {
	display: block;
}
}
hr {
	height: 1px;
	border: none;
	/* color: #b8baba; */
  color: #e8e8e8;
	background-color: #b8baba;
	width: 70%;
	margin: 60px auto;
}

/* Videos */
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	margin-bottom: 25px;
}
@media only screen and (min-width: 1024px) {
	.video-container {
		margin-bottom: 50px
	}
}
.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#player {
	width: 100%;
}
/*print styles */
@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


/* NEW STYLES - Summer */
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");

/* MENU */
.socialIcons{}
.social-icons {  display:inline-block;width:auto;vertical-align:top;
  list-style-type: none;  margin: 5px;  padding: 0;  float:right;
}
@media only screen and (min-width: 897px) {.social-icons {float: left;}}
.tab {
  margin-right: 10px;
  border-radius: 0 0 25px 25px;
  float: left;
}

.fa-facebook {
  color: hsl(221, 44%, 41%);
  /* border-color: hsl(221, 44%, 41%); */
}

.fa-facebook:hover {
  background-color: hsl(221, 44%, 41%);
}

.fa-twitter {
  color: hsl(195, 100%, 60%);
  /* border-color: hsl(195, 100%, 60%); */
}

.fa-twitter:hover {
  background-color: hsl(195, 100%, 60%);
}
.fa-linkedin {
  color: hsl(199, 85%, 36%);
  /* border-color: hsl(199, 85%, 36%); */
}

.fa-linkedin:hover {
  background-color: hsl(199, 85%, 36%);
}

.fa-facebook:hover, .fa-twitter:hover,  .fa-linkedin:hover {
  color: hsl(0, 0%, 100%);
}

.squares .tab {
  background: none;
}

.square {
  padding: 5px;
  width: 20px;
  font-size: 20px;
  text-align: center;
  background: #fff;
}

.fa-facebook.square {
  background-color: hsl(221, 44%, 41%);
  /* border: 1px solid hsl(221, 44%, 41%); */
  color: #fff;
}

.fa-facebook.square:hover {
  background-color: hsl(0, 0%, 100%);
  /* border-color: hsl(221, 44%, 41%); */
  color: hsl(221, 44%, 41%);
}

.fa-twitter.square {
  background-color: hsl(195, 100%, 60%);
  /* border: 1px solid hsl(195, 100%, 60%); */
  color: #fff;
}

.fa-twitter.square:hover {
  background-color: hsl(0, 0%, 100%);
  /* border-color: hsl(195, 100%, 60%); */
  color: hsl(195, 100%, 60%);
}

.fa-google-plus.square {
  background-color: hsl(7, 71%, 55%);
  /* border: 1px solid hsl(7, 71%, 55%); */
  color: #fff;
}

.fa-google-plus.square:hover {
  background-color: hsl(0, 0%, 100%);
  /* border-color: hsl(7, 71%, 55%); */
  color: hsl(7, 71%, 55%);
}

.fa-linkedin.square {
  background-color: hsl(199, 85%, 36%);
  /* border: 1px solid hsl(199, 85%, 36%); */
  color: #fff;
}

.fa-linkedin.square:hover {
  background-color: hsl(0, 0%, 100%);
  /* border-color: hsl(199, 85%, 36%); */
  color: hsl(199, 85%, 36%);
}

.screen-reader {
  position: absolute;
  left: -9999px;
  top: -9999px;
}



.slicknav_btn{float:none;}
.slicknav_menu .slicknav_icon{}
.slicknav_menu a{white-space:nowrap;display:inline-block;}
.slicknav_menu{padding:0;}
.topBar,.topMailJoin,.slicknav_btn{margin:0;width:auto;
  /* display:inline-block; */
}
.primary-cta, .primary-cta .selectedanchor{
  background: #df2928 !important;
    color: #ffffff !important;
    font-weight: bold;
    text-decoration: none;
	margin:0 auto;
	text-align:center;
    padding: 10px 16px;
    border: none;
    /* border-radius: 4px; */
    letter-spacing: .5px;
	text-transform:uppercase;
	width:320px; display:block;box-sizing:border-box;
	margin:0 auto;text-align:center;}
.primary-cta:hover{
	background:#d42726 !important;
	color:#ffffff !important;
}


.header-cta{width:100%;}
@media only screen and (min-width: 481px){
  .header-cta{position:absolute;top:120px;width:auto;right:5%;}
}
@media only screen and (min-width: 625px) {
  .header-cta{right:10%;}
}
.greenBtn {
    padding:10px 16px;
    color: #fff;
    background:#3D849B !important;
    border: none;
    text-transform: uppercase;
    text-align: center;
    margin: 10px auto;
    border-radius:0;
}
@media only screen and (max-width: 500px) {
  .greenBtn {
  	width:100%;
  }
}
.greenBtn:hover {
	background:#df2928 !important;
}
/* BOOKS PAGE */
.bookinfo{display:block}
.bookinfo h5{text-align:center;}
.bookCta{text-align:center;}
.bookCta>a{display:block;margin-top:20px;}
.bookCta .buyLinksD a{display:block}
.column>h1{text-align:center;margin: 0 auto 1em auto;}
.column>h1 span{display:block;font-size:.6em;color:#767676}
.buyLinksM{margin-bottom:0;}
.column{margin-top:30px;}
.column:nth-child(2){border-top:1px solid #aeaeae;padding-top:15px}
@media only screen and (min-width: 848px){
	.column{display:inline-block;vertical-align:top;margin-left:-5px;width:50%;margin-top:0;}
	.column:nth-child(1) .bookinfo p{padding-right:10%;}
	.column:nth-child(2){border-left:1px solid #aeaeae;border-top:none;padding-top:0;}
	.column:nth-child(2) .bookinfo p{padding-left:10%;}
}

@media only screen and (min-width: 481px){.header-cta{top: 99px;width: 100px;}}
@media only screen and (min-width: 644px){.header-cta{top: 117px;width: auto;right:4%;}}
@media only screen and (min-width: 897px){.header-cta{top:96px;right:9%;width:auto;}}
@media only screen and (min-width: 1130px){.header-cta{top:114px;right:11%}}
@media only screen and (min-width: 1310px){.header-cta{top:132px;right:13%}}
@media only screen and (min-width: 1500px){.header-cta{right:15%}}
@media only screen and (min-width: 1600px){.header-cta{right:17%}}
@media only screen and (min-width: 1700px){.header-cta{right:19%}}
@media only screen and (min-width: 1800px){.header-cta{right:21%}}