/*!
 * Start Bootstrap - The Big Picture (http://startbootstrap.com/template-overviews/the-big-picture)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-the-big-picture/blob/master/LICENSE)
 */

body {
    background: url('bg.jpg') no-repeat top center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.music2.container{
	display:inline;
	
}

.music2.container{
	display:none;
}

.music.container{

	transform: rotate(-2.5deg);
}

@media (min-width: 400px) {
	.music.container{
		display:none;
		position: absolute; 
		margin-top: 12%;
	}

	.music2.container{
		display:block;
		margin-top: 5%;
	}
}

@media (max-width: 400px) {
    body {
	    background: url('bg3.jpg') no-repeat center center fixed;
	    -webkit-background-size: length;
	    -moz-background-size:  length;
	    background-size:  length;
	    -o-background-size:  length;
	}

	.music.container{

		position: absolute; 
		margin-top: 50%;
	}
}

@media (min-width: 800px) {
	.music2.container{
		display:none;
		margin-top: 12%;
	}
	.music.container{
		display: inline;
		position: absolute; 
		margin-top: 12%;
		left: 60%;
	}
	
}

.navbar-inverse .navbar-toggler:hover {
	outline: none !important;
}

.navbar-inverse .navbar-toggler {
	
	background-color: #330000;
    border-color: none; /*#ffffff !important;*/
}

.nav-item, .nav-link{
	cursor:pointer !important;
}

.nav-item.active a.nav-link:hover{	
	color: #ff0000 !important;
	cursor: pointer !important;
}