@charset "utf-8";
* {
	padding: 0;
  font-family: "adelle-sans", sans-serif;
  font-weight: 100;
	text-transform:uppercase;
}

html, body {
	margin: 10px 0 0 0;
	padding: 0px;
	background-color: #222120;
}

a {
	text-decoration: none;
	font-weight: 600;
	color: #C0C0C0;
}

a:hover {
	color: #E0E0E0;
}

.social {
	width: 60px;
	border:0;
	opacity: 0.5
}

.applebooks {
	height: 55px;
	margin-right: 20px;
}

.googleplay {
	height: 60px;
}

.googlebooks {
	height: 60px;
	margin-right: 20px;
}

.kindlebooks {
	height: 60px;
	margin-right: 20px;
}

.applebooks, .googleplay, .googlebooks, .kindlebooks {
	opacity: 0.75;
}

.applebooks:hover, .googleplay:hover, .googlebooks:hover, .kindlebooks:hover{
	opacity: 1.0;
}


.instagram {background-image: url('../images/instagram.svg')}
.instagram:hover {background-image: url('../images/instagram_hovered.svg')}
.twitter {background-image: url('../images/twitter.svg')}
.twitter:hover {background-image: url('../images/twitter_hovered.svg')}

h1, h2, h3, h5, .links, .caption, .subcaption, .hashtags {
  color: rgba(128, 128, 128, 1);
	letter-spacing: 4px;
	font-weight: 900;
	text-align: center;
	margin: 0 auto 10px auto;
}

h1, h2, h3, .caption, .subcaption, .legal h5 {text-shadow: 1px 1px 4px rgba(0,0,0,1);color: #484440;}
h2 a {color: #505050}

.full {
	margin: 0 auto 0 auto;
}

.full, .full img {
	width: 90vw;
  max-width: 800px;
}

.full img {
	box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
}

.header {
	margin: 0 auto 0 auto;
	width: 90%;
  max-width:900px;
}

.header img {
	box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
	width: 30%;
	margin: 1%;
	display: inline-block;
}

.half {
	margin: 0 auto 0 auto;
	box-shadow: 0p 1px 4px rgba(0,0,0,0.5);
}

.half, .half img {
	width: 45vw;
  max-width: 400px;
	border:0;
}

.important {font-weight: bold;color: #F0F0F0}
.caption {margin: 10px; font-size: 5vw}
.subcaption {margin: 10px; font-size: 3vw}
.hashtags {font-size: 8px; color: #484440; margin: 0}

@media screen and (max-width: 600px) {
	h1, h2, h3, .caption, .subcaption,.legal h5 {text-shadow: 1px 1px 4px rgba(0,0,0,1);}
}

h1 {font-size: 6vw}
h2 {font-size: 5vw}
h3 {font-size: 3.3vw}
h5 {font-size: 3vw}

.footer--left {
	margin: 10px;
	font-size: 12px;
	float: left;
}

.footer--right {
	margin: 10px;
	font-size: 12px;
	float: right;
	text-align: right;
}

.legal {
	margin:0 5vw 20px 5vw;
	color: #484440;
}