#sidebar {background: #000000;

}
#intro {

}
#about {

}
#services {

}
#projects {

}
#footer {background: #787878;

}
#wrapper{
	/*background-color: black;*/
background: linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,.3)), url(../../images/twister.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed !important;
}
@media screen and (max-width: 736px) {
 #sidebar + #wrapper {
 	background: black;
 	}	 
}

#sidebar .logo {
	max-width:100%;
	top:0;
	position:absolute;
}


.centered {
	margin:0 auto;
}

h1{
	margin-top:5em;
}
.object-non-visible {
	opacity: 1;
}

.isotope-item {
	margin-top: 2em;
}

.isotope-item strong {
	color: black;
}


/*mark {
    -webkit-text-stroke: 2px red;
}
body{
   -webkit-text-stroke-width: .5px;
   -webkit-text-stroke-color: black;
}*/
.player-btn {
	display: block;
	color: black;
	margin: 0;
	padding: 1em 0;
}

.player-btn:hover {
	background: black;
	color: white;
}

.player-btn > strong {
	color: black;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.player-btn:hover > strong {
	color: white;
}

.subfooter {
	margin-left: 18em;
}

@media screen and (max-width: 1280px) {
	.subfooter {
	    margin-left: 0;
	}
	.logo {
		max-width:100px;
		height:auto;
	}
}

.icon.major .fa,
.icon.major .fas {
	font-size: 1.5em;
    padding-top: 8px;
}


#footer .inner {
	text-align: center;
	padding-bottom: 5em;
}
#form {
	text-align:left;
}
#contact input {margin-bottom:10px;}
#footer ul.icons {
	margin-bottom: 0;
}
#footer > .inner .menu {
    font-size: 1.3em;
    margin:0;
}

@media screen and (max-width: 736px){
	#sidebar {
	    display: initial;
	}
}
#intro .logo{opacity:.9;}	

#sidebar nav {
	padding-top:13em;
}
#sidebar nav a.active:after {
	background: #EEE;
	}

#sidebar nav a:before {
	background-image: linear-gradient(to left, #787878, #5ca2c2);
   
}

#intro .logo {
	display: none;
	margin: 0 auto;
}

@media screen and (max-width: 1280px){

	#intro .logo {
		display: block;
		margin: 0 auto;
	}
	#sidebar .logo {
		display: none;
	}
	#sidebar nav {
	    padding: 0;
	}

	#intro h1 {
		margin-top: 3em;
	}
}
.small-music-player .track-info {
 width: auto;
}