@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,900');

.zs-enabled{
	position:relative;
}
.zs-enabled .zs-slideshow,.zs-enabled .zs-slides,.zs-enabled .zs-slide{
	position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;overflow:hidden;
}
.zs-enabled .zs-slideshow .zs-slides .zs-slide{
	background:transparent none no-repeat 50% 50%;background-size:cover;position:absolute;
	visibility:hidden;opacity:0;-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);
	-ms-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);
}
.zs-enabled .zs-slideshow .zs-slides .zs-slide.active{
	visibility:visible;opacity:1;
}
.zs-enabled .zs-slideshow .zs-bullets{
	position:absolute;z-index:4;bottom:20px;left:0;width:100%;text-align:center;
}
.zs-enabled .zs-slideshow:after{
	content:" ";position:absolute;top:0;
	left:0;width:100%;height:100%;z-index:3;
	background:transparent none repeat 0 0;
}

#demo-1 {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-height: 370px;
    background-color: #999;
}
.demo-inner-content {
    position: relative;
    z-index: 2;
    margin: 180px auto;
    padding-right: 0px;
    color: #ffffff;
    text-align: center;
    font-family: 'Raleway', sans-serif;
    font-size: 2em;
    font-weight: 700;
    border: 1px dashed rgba(255, 255, 255, 0.75);
    background: rgba(225, 240, 240, 0.25);
}
.demo-inner-content h1 {
    font-size: 3.5em;
    margin: 0;
    color:#fff;
    font-weight: bold;
    text-transform: capitalize;
}
.demo-inner-content p {
	margin-top: 0px;
}
/* -----------------------------------
--------- 	Media queries    ---------
----------------------------------- */
@media only screen and (max-width:767px) {
	/* For xs */
	.demo-inner-content {
		margin: 140px auto;
		margin-top: 80px;
		padding: 0px;
		width: 250px;
		height: 190px;
		text-align: center;
		font-size: 1.2em;
	}
	.demo-inner-content p {
		margin-top: 0px;
	}
	.demo-inner-content img {
	    width:100%;
	    height:70%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
 	/* For sm */
	.demo-inner-content {
		margin: 175px auto;
		margin-top: 60px;
		padding: 0px;
		width: 350px;
		height: 220px;
		text-align: center;
		font-size: 1.2em;
	}
	.demo-inner-content p {
		margin-top: 0px;
	}
	.demo-inner-content img {
	    width:100%;
	    height:80%;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	/* For md */
	.demo-inner-content {
		margin: 130px auto;
		margin-top: 50px;
		padding: 0px;
		width: 400px;
		height: 250px;
		text-align: center;
		font-size: 1.4em;
	}
	.demo-inner-content p {
		margin-top: 10px;
	}
	.demo-inner-content img {
	    width:100%;
	    height:80%;
	}
}
@media only screen and (min-width: 1200px) {
 	/* For lg */
	.demo-inner-content {
		margin: 140px auto;
		margin-top: 50px;
		width: 400px;
		height: 250px;
		text-align: center;
		font-size: 1.5em;
	}
	.demo-inner-content p {
		margin-top: 0px;
	}
	.demo-inner-content img {
	    width:100%;
	    height:80%;
	}
}