@import url(https://fonts.googleapis.com/css?family=Lato);

body {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 2em;
	position: relative;
	background:#FFFFFF;
	color:#FFF;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 100;
	margin: 0;
	color:#FFF;
}


/** Carousel Fade **/

.carousel.fade {
	opacity: 1;
}

.carousel.fade .item { 
	transition: opacity ease-out .7s;
	left: 0;
	opacity: 0;
	top: 0;
	position: absolute;
	width: 100%;
	display: block;
	max-height: 20vw;
}

.carousel.fade .item:first-child {
	top: auto;
	opacity: 0;
	position: relative;
}

.carousel.fade .item.active {
	opacity: 1;
}

.carousel-control {
	opacity: 0;
}

.carousel-control.right,.carousel-control.left {
	background-image:none;
}

#featured .item {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height:100%;
}

.carousel-content {
  position: absolute;
  top: 15%;
  left: 10%;
  right: 10%;
  z-index: 20;
  color: white;
  text-align: left;
}

.head-funny {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
    font-size: 1.5vw;
	padding-top: 1%;
}

.head-subs {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
    font-size: 1.6vw;
    position: absolute;
	top: 67%;
	left: 40%;
	right: 5%;
	z-index: 20;
	color: red;
	text-align: center;
}

.head-sub-img {
  border: 0 none;
  display: inline-block;
  height: auto;
  width: 4%;
  vertical-align: middle;
  margin-right: 1%;
  margin-top: -0.5%;
}

.head-sub-text {

}

.head-sendstuff {
	font-family: 'Lato', sans-serif;
    font-size: 1.8vw;
    position: absolute;
	top: 86%;
	left: 40%;
	right: 5%;
	z-index: 20;
	color: white;
	text-align: center;
}


.social-icon {
  border: 0 none;
  display: inline-block;
  height: auto;
  width: 60%;
  vertical-align: middle;
}

.social-text {
	font-family: 'Lato', sans-serif;
    font-size: 1.8vw;
	color: black;
	text-align: center;
}

.social-text a {
	color: #003;
}

.social-text a:visited {
	color: #003;
}

.social-text a:hover {
	color: #00C;
	text-decoration:underline;
}


/** Page stuff **/

.page {
	padding: 0px;
	padding-top: 3%;
}

#socialicons {
	padding-top: 17%;
	padding-bottom: 10%;
}

#factsalbumart {
	padding-bottom: 5%;
}

#social {
	padding-bottom: 3%;
}

#business {
	font-family: 'Lato', sans-serif;
    font-size: 1em;
	color: #FFF;
	text-align: center;
	padding: 0px;
}

#business a {
	color: #d895ff;
}

#business a:visisted {
	color: #d895ff;
}

#business a:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#business a:active {
	color: #a000ff;
	text-decoration: none;
	font-weight: bold;
}

.eugene-img {
  border: 0 none;
  display: inline-block;
  height: auto;
  width: 100%;
  vertical-align: middle;
}

#newestvideo {
	padding-bottom: 5%;
}

#newestvideo h1 {
	font-family: 'Lato', sans-serif;
    font-size: 4.0vw;
	text-align: center;
	color: #000;
}

#footer {
	font-family: 'Lato', sans-serif;
    font-size: 0.5em;
	text-align: center;
	color: #FFFFFF;
	padding: 0px;
}

#footer a {
	color: #d895ff;
}

#footer a:visisted {
	color: #d895ff;
}

#footer a:hover {
	color: #FFFFFF;
}

#mindblownbook h1 {
	font-family: 'Lato', sans-serif;
    font-size: 4.0vw;
	text-align: center;
	color: #000;
}

#mindblownbook a {
	color: red;
}

#mindblownbook a:visisted {
	color: red;
}

#mindblownbook a:hover {
	color: #00F;
}


#factsalbumart h1 {
	font-family: 'Lato', sans-serif;
	font-weight: 100;
	font-size: 1em;
	color:#dfdfe1;
}


#factsbuyit h1 {
	font-family: 'Lato', sans-serif;
	font-weight: 100;
	font-size: 1em;
	color:#dfdfe1;
}

#factsvideo h1 {
	font-family: 'Lato', sans-serif;
	font-weight: 100;
	font-size: 1em;
	color:#dfdfe1;
}

#factsemailform {
	font-family: 'Lato', sans-serif;
	color:#FFFFFF;
}

#factsemailform h1 {
	font-family: 'Lato', sans-serif;
	font-weight: 100;
	font-size: 0.7em;
	color:#d895ff;
}

#factsemailform h2 {
	font-size: 0.8em;
	color:#d895ff;
}
