/* BOOTSTRAP 3.x GLOBAL STYLES
-------------------------------------------------- */
body {
  padding-bottom: 20px;
}

.overlay-slide { 
  position:absolute;
  z-index:12;
  left:0;
  width:100%;
  text-align:center;
  max-height:50px;
  font-size:60px;
  font-style: italic;
  font-weight:bold;
}

@media screen and (max-width: 700px) {
    .overlay-slide { 
  position:relative;
  z-index:12;
  left:0;
  width:100%;
  text-align:center;
  font-size:30px;
  font-style: italic;
  font-weight:bold;
}

}

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

/* Carousel base class */
.carousel {
  height:580px;
}
@media screen and (max-width: 700px) {
	.carousel {
		height:400px;
	}
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 1;
}

/* Declare heights because of positioning of img element */
.carousel img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100;
}
.slider-title-box{
	top:100px;
	height:200px;
}
@media screen and (max-width: 700px) {
	.slider-title-box{
		height:100px;
	}
}

.paragraph-znp{
	height:200px;
	position:relative;
	top:20%;
}
@media screen and (max-width: 500px) {
	.paragraph-znp{
		height:100px;
		font-size:12px;
		position:relative;
	}
}

.slider-text-center{
  text-align:center;
}
.btn-lg{
  font-size:30px;
  font-weight:bold;
}
.btn-read{
	font-size:20px;
}

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

	.btn-read{
		text-align:center;
		font-size:15px;
		padding: 2px;
		height:35px;
	}
}

}