@charset "UTF-8";
/* CSS Document */

.jumbotron{
    margin-top: 55px;
    margin-bottom: 0;
    min-height: 800px;
    background-image: url("../img/bg12.jpg");
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: top;
    -webkit-background-size: cover;
          background-size: cover;
}

.jumbotron p{
	font-size: 2em;
	color:#FFFFFF;
    text-shadow: 2px 2px 2px #000;

}

.jumbotron li{
	font-size: 2em;
	color:#FFFFFF;
	text-shadow: 2px 2px 2px #000;
}

.jumbotron hr{
	color:#FFFFFF;
}

.display-4 {
	background-image: url("../img/gingee_logo.png");
	min-height: 250px;
	margin-top: 15%;
	background-repeat: no-repeat;
    background-position: center;
	-webkit-background-size: cover;
          background-size: cover;

}

#bio {
	background-image: url("../img/biobg.jpg");
    background-color: #FFFFFF;
    background-repeat: repeat;
    background-position: top;
    -webkit-background-size: 100%;
          background-size: 100%;
	min-height: 800px;
 }

#bio p{
	font-size: 1.5em;
	text-shadow: 2px 2px 2px #93ffe4;
}

#music {
	background-image: url("../img/bg4.jpg");
    background-color: #FFFFFF;
    background-repeat: repeat;
    background-position: top;
    -webkit-background-size: 100% auto;
          background-size: 100% auto;
}
.album {
	padding-bottom: 30px
}

#footer{
	padding-right: 0px;
}
.footer {
	padding: 0px;
	background-color: #343a40;
	
}

.footer p {
	margin-top: 10px;
	color: #FFFFFF;
}

.navbar-btn {
	padding: 2px;
}


.footer a {
	margin-top: 6px;
	margin-bottom: 4px
}

.footer a img {
	max-width: 30px
}

@media (max-width: 991.98px) {
	.display-4 {
	background-image: url("../img/gingee_logo.png");
	min-height: 250px;
	margin-top: 15%;
	background-repeat: no-repeat;
    background-position: center;
	-webkit-background-size: 100% auto;
          background-size: 100% auto;
}
	
@media (max-width: 575.98px) {
	.display-4 {
		margin-top: 50%;
	}	
}

@media (max-width: 991.98px) {
	.jumbotron p {
		font-size: 1em;
	}
}