/* Set all parents to full height */
html, body, 
.container,
.cbp-fbscroller,
.cbp-fbscroller section { 
	height: 100%;
}

/* The nav is fixed on the right side  and we center it by translating it 50% */
.cbp-fbscroller > nav {
	position: fixed;
	z-index: 9999;
	right: 50px;
	top: 50%;
	width: 14px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.cbp-fbscroller > nav a {
	display: block;
	position: relative;
	z-index: 9999;
	color: transparent;
	width: 14px;
	height: 14px;
	outline: none;
	margin: 18px 0;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,0.6);
	transition:0.2s all linear;
}

.no-touch .cbp-fbscroller > nav a:hover {
	background: rgba(255,255,255,0.6);
	transition:0.2s all linear;
}

.cbp-fbscroller > nav a.cbp-fbcurrent {
	background: #fff;
}

/* background-attachment does the trick */
.cbp-fbscroller section {
	position: relative;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.no-touch .cbp-fbscroller section {
	background-attachment: fixed;
}

#portal_top {
	background:#484848 url(../images/jefreyhamilton-cover.jpg);
	background-size: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: static;
	transition: 1s ease-in-out;
}

.hover {
	background: #000;
	background-position: 35% 50%!important;
	transition: 0.2s ease-in-out;

}

#jefreygdesigns {
	background: #ff6600 url(../images/jefreygdesigns.png);
	background-size: 70%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: static;
	transition: 1s ease-in-out;

}

#jefreygdesigns h2 {
	color: #57211d;
}

#jefreygdesigns .info {
	background: rgba(255, 138, 59, 0.9);

}

#coyotehead {
	background: url(../images/coyotehead1.png) #aa050f;
	background-size: 70%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: static;
	transition: 1s ease-in-out;

}

#coyotehead h2 {
	color: #0e0808;
}

#coyotehead .info {
	background: rgba(139, 0, 7, 0.9);

}

#theblackx {
	background: url(../images/theblackx.png) #323232;
	background-size: 70%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: static;
	transition: 1s ease-in-out;

}

#theblackx h2 {
	color: #b42b2c;
}

/*
#theblackx hr {
	color: #b42b2c;
	background: #b42b2c;
}
*/

#theblackx .info {
	background: rgba(19, 19, 19, 0.9);
}

#musicocd {
	background: url(../images/musicocd.png) #c9e2ed;
	background-size: 70%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: static;
	transition: 1s ease-in-out;
}

#musicocd .info {
	background: rgba(101, 155, 178, 0.9);

}

#musicocd h2 {
	color: #d5e7f3;
}

#musicocd hr {
	color: #d5e7f3;
	background: #d5e7f3;
}

#justjack {
	background: url(../images/jacksonhamilton.png) #8bc385;
	background-size: 70%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: static;
	transition: 1s ease-in-out;
}

#justjack .info {
	background: rgba(52, 109, 46, 0.9);

}

#justjack h2 {
	color: #fff;
}

#justjack hr {
	color: #fff;
	background: #fff;
}

#littleclaybears {
	background: url(../images/littleclaybears.png) #98a2bb;
	background-size: 70%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: static;
	transition: 1s ease-in-out;
}

#littleclaybears .info {
	background: rgba(80, 94, 141, 0.9);

}

#littleclaybears h2 {
	color: #aab3c6;
}

#littleclaybears hr {
	color: #fff;
	background: #fff;
}

#portal_bottom {
	background:#FFF;
}

#littleolme {
	border-radius: 50%;
	width: 120px;
	height: 120px;
}

@media only screen and (max-width: 767px) {
    /* phones */
    
    #portal_top {
		background:#2f2632 url(../images/jefreyhamilton-cover-sm.jpg);
		background-size: 100% !important;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-attachment: fixed;
		position: static;
		transition: 1s ease-in-out;
	}
    
    
}