@charset "utf-8";
/* RESPONSIVE STYLE */

/* BODY CODE | UNIVERSAL */

body {
  padding: 0px;
  margin: 0px;
  font-family: 'Exo 2', sans-serif;
  background: url(../images/c-m-hower-author-bg-01.jpg) center center fixed;
  background-size:cover;
  line-height: 1.5em;
}

a, a:link, a:active, a:followed {
  text-decoration:none;
  color:inherit;
}

p a, p a:link, p a:active, p a:followed {
  text-decoration:none;
  color:inherit;
}

h1 {
  font-size: 24px;
  color:#5e3269;
}

h2 {
  font-size: 14px;
}

h3 {
  font-size: 24px;
}

p {
  font-size: 14px;
  text-decoration: inherit;
}

.h3underline {
  position:relative;
  margin:auto;
  width:30%;
  height:5px;
  border-radius:2px;
  background:#e2bfe0;
  padding:0px;
  margin-right:70%;
  margin-top:-10px;
}

.frame {
  position: relative;
  margin: auto;
  width: 100%;
  height: auto;
  padding: 0px;
}



.box {
  position: relative;
  margin: auto;
  width: 80%;
  height: auto;
  padding: 30px 10% 40px 10%;
  text-align: left;
  background: url('../images/c-m-hower-author-creative-fiction-writer-bellingham.jpg') top center repeat;
  margin-bottom: 50px;
  -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
}

.box img {
  position: relative;
  margin: relative;
  display: inline-block;
  width: 100%;
  height: auto;
}

.button {
  position: relative;
  margin: relative;
  display: inline-block;
  height:auto;
  width:auto;
  text-align:center;
  padding:10px 20px;
  border-radius:4px;
  background:#5e3269;
  font-weight:bold;
  color:#fff;
  font-size:14px;
  margin-bottom:10px;
}

.button:hover {
  background:#844494;
}

.greybutton {
  position: relative;
  margin: relative;
  display: inline-block;
  height:auto;
  width:80%;
  text-align:center;
  padding:8px 10%;
  border-radius:4px;
  background:rgba(200,200,200,0.15);
  font-weight:bold;
  color:#1a1a1a;
  font-size:14px;
  margin-bottom:10px;
}

.greybutton:hover {
  background:rgba(200,200,200,0.4);
  color:#5e3269;
}

.highlight {
	font-size:24px;
	margin-bottom:20px;
}
.highlight a, .highlight a:link, .highlight a:active, .highlight a:followed {
	text-decoration: none;
}
.highlight:hover {
  color:#844494;
  font-weight:bold;
}

.button a, .button a:link, .button a:active, .button a:followed {
  text-decoration:none;
  color:inherit;
}

/* RESPONSIVE RULES: DESKTOP or TABLET */

@media screen and (min-width: 951px) {
	.mobileheader {
	  display: none;
	}
	.homeleft {
	  position: fixed;
	  margin: auto;
	  width: 19%;
	  height: 88%;
	  padding: 4% 4%;
	  text-align: center;
	  color: #2a2a2a;
	  float: left;
	  background: #fff;
	  -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
	  -moz-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
	  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
	}

	.homeleft img {
	  position: relative;
	  margin: relative;
	  display: inline-block;
	  width: 100%;
	  max-width: 200px;
	  height: auto;
	}

	.homeright {
	  position: relative;
	  margin: auto;
	  width: 47%;
	  height: auto;
	  padding: 50px 11%;
	  text-align: center;
	  color: #2a2a2a;
	  float: right;
	}
}

/* RESPONSIVE RULES: MOBILE */

@media screen and (max-width: 950px) {
	.mobileheader {
	  position: relative;
	  margin: auto;
	  width: 90%;
	  height: auto;
	  padding: 50px 5%;
	  text-align: center;
	  color: #2a2a2a;
	  background: #fff;
	}
	.mobileheader img {
	  position: relative;
	  margin: relative;
	  display: inline-block;
	  width: 100%;
	  max-width: 150px;
	  height: auto;
	}
	.homeleft {
	  display: none;
	}

	.homeright {
	  position: relative;
	  margin: auto;
	  width: 90%;
	  height: auto;
	  padding: 40px 5%;
	  text-align: center;
	  color: #2a2a2a;
	  float: right;
	}
}

a:-webkit-any-link {
	text-decoration: none;
}
.button a:-webkit-any-link {
	text-decoration: none;
}

/* ADDITIONAL SECRETS */
.mailmunch-branding img {
	  display: none;
}

/* CLEARFIX RESPONSIVE MAGIC CSS */

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

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}