body {
	letter-spacing: 2.0;
	font-family: 'Bitter', Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	letter-spacing: 2.0;
	font-family: 'Bitter', Arial, sans-serif;
	text-transform: uppercase;	
	font-weight: bold;
}

a:hover {
	cursor: pointer;
	color:#f0c;
	transition: color 300ms;
}

#no-underline a {
	text-decoration: none !important;
}

.yellow {color:#ff0}
.pink {color:#f0f;}
.blue {color:#0ff;}
.fiftypercent {opacity: 0.5}
.seventyfivepercent {opacity: 0.75}

hr {
	margin:20px -40px;
	border-top:3px solid #fff;
	border-bottom:3px solid #fff;
	height:16px;
}

hr.blue {
	background-color: #0cf;
}

hr.pink {
	background-color: #f0c;
}

hr.yellow {
	background-color: #fe0;
}

img.mySlides {
	width:85%;
	text-align: center;
	margin:0 auto;
}

#press-page {
	margin-top: 140px;
}

#nav {
	text-align: center;
	padding:0 10px;
	white-space:nowrap;
	background-color: #0cf;
	top:0;
	left:0;
	right:0;
	position: fixed;
	width:100%;
	border-bottom:3px solid #000;
	z-index: 100;
}

.nav-item {
	font-size:16px;
	text-align: center;
	display: inline-block;
	text-transform: uppercase;
	padding:10px 18px;
	background-color: #0cf;
	vertical-align: middle;
	cursor:pointer;
	margin:0 -3px;
}

a:link .nav-item, a:visited .nav-item {
	color:#000;
}

.nav-item.selected {
	background-color:#000;
	color:#fff;
}

.nav-item.social {
	padding:10px 8px;
}

.nav-item.social img {
	margin:0;
	width:24px;
	height: 24px;
}

a:hover .nav-item {
	background-color:#f0e;
	color:#000;
	transition: background-color 400ms;
	line-height: 1.5;
}

a:hover .nav-item.green {
	background-color:#2BDE73;
	transition: background-color 400ms;
}

#header {
	margin:10px 0 40px;
}

#stripes {
margin:0 -40px;
}

.subtitle {
	margin:10px 0;
	font-size:30px;
}

.w3-row {
	padding:40px 40px;
}

.social-button, .retail-button {
	display: inline-block;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100%;
	cursor: pointer;
}

.social-button:hover, .retail-button:hover {
	opacity:0.5;
	transition: opacity 300ms;
}

.social-button {
	width:100px;
	height:100px;
	margin:10px;
}

.retail-button {
	width:240px;
	height:60px;
	margin:20px;
	vertical-align: middle;
}

.social-button#facebook {
	background-image:url('../images/social/facebook.svg');
}

.social-button#instagram {
	background-image:url('../images/social/instagram.svg');
}

.social-button#twitter {
	background-image:url('../images/social/twitter.svg');
}

.social-button#mail {
	background-image:url('../images/social/mail.svg');
}

.retail-button#amazon {
	background-image:url('../images/retail/white/amazon.svg');
}
.retail-button#bn {
	background-image:url('../images/retail/white/bn.svg');
}
.retail-button#walmart {
	background-image:url('../images/retail/white/walmart.svg');
}
.retail-button#bam {
	background-image:url('../images/retail/white/bam.svg');
	height:50px;
	width:125px;
}

.social-button-small {
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100%;
	cursor: pointer;
}

.social-button-small#facebook {
	background-image:url('../images/social-small/facebook.svg');
}

.social-button-small#instagram {
	background-image:url('../images/social-small/instagram.svg');
}

.social-button-small#twitter {
	background-image:url('../images/social-small/twitter.svg');
}

.social-button-small#mail {
	background-image:url('../images/social-small/mail.svg');
}


.w3-row.w3-kickstarter {
	color:#fff;
	background:#0d0;
	padding:5px 40px;
	border-bottom:5px solid #fff;
}

a:link .w3-row.w3-kickstarter h1 {
	font-weight: bold;
    font-size: 28px;
    line-height: 56px;
}

.w3-row.w3-kickstarter:hover, .w3-row#news-bar:hover {
	background-color:#f0e;
	transition: background-color 300ms;
	color:#000;
}

.w3-row.w3-kickstarter img {
	display: inline-block;
	width:275px;
	padding:0 10px;
}

.w3-row#news-bar {
	background: #ffee00;
    margin-top: 45px;
    text-transform: uppercase;
    padding: 10px 0;	
}

#news-bar span {
	font-weight: bold;
	font-style: italic;
	color: #000;
}

#video-bar {
    padding: 0 0 0;
    margin-top: -40px;	
}

#recognition .award {
	width:220px;
	margin:20px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}

#recognition .quote {
	width:300px;
	margin:20px;
	text-align: center;
	display: inline-block;
}

#recognition a:link {
	text-decoration: none;
}