/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
 
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
 
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}

.main-panel-body {
	border:0px;
	background:transparent;
	box-shadow: none;
}


@media (max-width: 770px) {
	.cover-heading .logo {
	position:relative;
	top:60px
	}
}

@media (max-width: 740px) {
	.cover-heading .logo {
	position:relative;
	top:100px
	}
}

@media (max-width: 540px) {
	.cover-heading .logo {
	position:relative;
	top:0px;
	left:-30px;
	}
}

@media (max-width: 440px) {
	.cover-heading .logo {
	position:relative;
	top:0px;
	left:10px;
	width:80%;
	height:80%;
	}
}