/*------//CORE CLASSES\\------*/

html, body{
	width: 100%;
	height: 100%;
	height:100%; min-height:100%; position:relative;
	margin: 0;
	padding: 0;
	font-family: 'Nunito', sans-serif;
}


.Wrapper{
	height: 100%;
}

h4{
	font-size: 3rem;
}
p{
	font-size: 1.1rem;
}

main{
	height: 100%;
}

section.section, div.section{
	width: 100%;
	padding: 10rem 0;
	position: relative;
	z-index: 1;
}

section.section__small{
	padding: 5rem 0;
}

.small-container{
	max-width: 600px;
}

.layer {
    /*background-position: bottom center;*/
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
	height: 800px;
	position: absolute;
    /*position: fixed;*/
    z-index: -1;
}

.parallax{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	/*top: 0;*/
	/*left: 0;*/
}

/*Font colors*/

.light-purple{
	color: #b39afd;
}

/*Background Colors*/

.bg-black{
	background: #161616!important;
}

.bg-grey{
	background: #dcdcdc;
}

.bg-white{
	background: #F9F8F8;
}

.bg-turq{
	background: #64a19d;
	color: white;
}

.bg-purple{
	background: #2D112B;
}

.bg-img{
	background-size: cover;
}

/*Project Text*/

.project-text {
    padding: 3rem;
    font-size: 90%;
}

.project-text hr{
    border-color: #64a19d;
    border-width: .25rem;
    width: 30%;
}

.project-text hr.white{
	border-color: white;
}

.project-text hr.full-width{
	width: 100%;
}

/*Center Box*/

.center-box{
	height: 100%;
	width: 100%;
	display: flex;
  	align-items : center;
	/*display: table;*/
}

.center-box__inner{
	display: inline-block;
}

.center-box__inner--valignM{
	vertical-align: middle;
}

.container--small{
	max-width: 660px;
}

.container-m-bottom--small{
	margin-bottom: 5rem;
}

/*Font stylings*/

h1.large{
	font-size: 4em;
}


p.large{
	font-size: 1.5em;
}

/*Songs*/

/*At 992 the following classes apply*/
@media (min-width: 992px){
	.featured-text{
		padding: 0 0 0 2rem;
		border-left: .5rem solid #64a19d;
	} 
	.project-text {
	    padding: 5rem;
	}

	/*NavBar*/

	.navbar-nav{}


	.navbar-nav .nav-item{
		margin: 0 10px;
	}

	.navbar-nav .nav-item a{}

}

/*Smallest width*/
@media (max-width: 480px){
	.FullScreenParralax{
		font-size: 70%;
	}
	.song{
		width: 100%;
	}
}

/*Fullscreen video*/
@media (max-width: 800px){
	.video{
		width: 100% !important;
	}
}

/*------//FULLSCREEN VIDEO\\------*/

.FullScreenParralax{
	width: 100%;
	height: 100%;
    background-color: rgba(0,0,0,.7);
    left: 0;
    position: relative;
    top: 0;
    transition: background-color 300ms ease;
    width: 100%;
}

.videoContainer{
	height: 100%;
	position: relative;
	overflow: hidden;
}

/* Style the video: 100% width and height to cover the entire window */
video {
    backface-visibility: hidden;
    background: no-repeat scroll 0 0 #000;
    background-size: cover;
    /* bottom: 0; */
    height: auto;
    min-height: 120%;
    min-width: 100%;
    perspective: 1000;
	/* position: absolute; */
	position: absolute;
    /* right: 0; */
    width: auto;
    z-index: -1;
}

/* Add some content at the bottom of the video/page */
.content {
    /*position: fixed;*/
    position: absolute;
    bottom: 0;
    color: #f1f1f1;
    width: 100%;
    padding: 20px;
}

.content--fixed{
	position: fixed;
}

/*------//SLIDES\\------*/

.slide{
	position: relative;
	/*z-index: 1;*/
	min-height: 100%;
	background: #f8f9fa!important;
    padding: 10rem 0;
}

.slide{}

.front{
	z-index: 1;
}


/*------//FOOTER\\------*/

.footer{
	background: black;
	padding: 5rem 0;
	display: flex;
	color: white;
}

.footer ul.links{
	display: inline-block;
	margin: 0;
	padding: 0;
	margin-top: 10px;
}

.footer ul.links li{
	display: inline-block;
	margin-right: 15px; 
	margin-left: 15px; 
}

.footer ul.links li::before{
	content: "";
	width: 10px;
	height: 10px;
	position: relative;
	border-radius: 50%;
	background: blue;
	background-color: white;
	/* right: 10px; */
	display: inline-block;
	margin-right: 17px;
}

.footer .phone{
    /*color: #b39afd !important;*/
    font-size: 1.25rem;
    font-weight: bold;
}

.footer a{
	display: block;
	font-size: 1.15em;
	transition: all 0.25s;
}

.footer a:hover{
	color: white;
	text-decoration: none;
}

.footer .email{

}

.footer .socialIcons{

}

.footer .socialIcons span{
	margin: 0 15px;
}

.footer__50{
	width: 50%;
}

.footer__50 .right{
	text-align: right;
}

.footer__50 .left{}

/*Video Player*/

.video{
	width: 33%;
	padding: 20px;
}

.videoTitle{
	padding: 20px 0 8px 0;
	font-weight: bold;
	margin: 0;
}