body{overflow-x:hidden}
 	
	
		#demo-1 {
    height: 100vh;

}
		
		
		#demo-1 {
			position: relative; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
			overflow: hidden; /* to bound the empty top space created by inner element's top margin */
			width: 100%;
			min-height: 400px;
			background-color: #999;
		}
		.demo-inner-content {
			position: relative; /* if position is not set, the script will set it to 'relative'. */
			z-index: 2; /* if z-index is not set, the script will set it to '2'. */
			margin: 180px auto;
			padding: 40px;
			max-width: 600px;
			color: #fff;
			text-align: center;
			font-size: 1.5em;
		}
		.demo-inner-content h1 {
			font-size: 2.5em;
			margin: 0;
		}
		
		
		.demo-inner-content{
    /*height: 100vh;*/
	MARGIN: 0;	
	width: 100%;
	max-width:initial;
	
}
.demo-inner-content p {
    position: absolute;
    bottom: 51px;
    font-size: 17px;
    max-width: 400px;
    transform: translateX(-50%);
    left: 50%;
}
.demo-inner-content h1 {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	font : normal 600 72px/1 'Open Sans', sans-serif;
	text-align: center;
	white-space: nowrap;
	 
	
text-shadow: 2px 2px 0 #4074b5, 2px -2px 0 #4074b5, -2px 2px 0 #4074b5, -2px -2px 0 #4074b5, 2px 0px 0 #4074b5, 0px 2px 0 #4074b5, -2px 0px 0 #4074b5, 0px -2px 0 #4074b5;
}
.demo-inner-content h1 span {
	display: block;
	margin-top: 1em;
	font-size: 40px;
	font-weight: 300;
	text-shadow:none;
text-shadow: 2px 2px 2px #000000;
}




 @media (max-width: 980px){
	.demo-inner-content h1 {
		font-size: 48px;
	}
	.demo-inner-content h1 span {
		font-size: 35px;
	}
	
 }
 @media (max-width: 670px){
	.demo-inner-content h1 {
		font-size: 38px;
	}
	.demo-inner-content h1 span {
		font-size: 30px;
	}
	
 }
 
  
  @media (max-width: 360px){
	.demo-inner-content h1 {
		font-size: 26px;
	}
	.demo-inner-content h1 span {
		font-size: 20px;
	}
 }