/*-- ========================================= --
	CHOOSE DEMO STYLE
/*-- ========================================= --*/
.page-container{
	position:;
	display:block;
	float: none;
	width:100%;
	height:100%;
	z-index:2;
	overflow:auto;
}
.home-section{
	position:relative;
	float:none;
	padding:5px;
	width: inherit;
	height:200px;
	background-image:url(../img/main/SSLogo1.png);
	background-position:50% 50%;
	background-size: contain;
	background-repeat:no-repeat;
	-webkit-transition:none;
	   -moz-transition:none;
	    -ms-transition:none;
	     -o-transition:none;
	        transition:none;
}
.home-content{
	position:relative;
	float: bottom;
	width:100%;
	height:100%;
	z-index:2;
}
.home-content .text-container{
	height:100%;
}
.home-section > div{
	z-index:2;
}
.home-section::before{
	content:'';
	position:absolute;
	display:block;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	/* background:rgba(34,35,39,0.5);  disabled to display clear background image.*/
	z-index:1;
}
.bg-darkgrey{
	background:rgba(34,35,39,1);
}
.logo{
	width:70px;
	margin:0px 0px 40px 0px;
}
.demo-content{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	padding:0px 0px;
}
.demo-content .demo_img{
	width:100%;
	height:auto;
	margin-bottom:0px;
}
.demo-content h5.title{
	position:relative;
	display:block;
	color:#262626;
	font-weight:700;
}
.demo-content h5.title::before,
.demo-content h5.title::after
{
	content:'';
	position:absolute;
	display:block;
	left:-2px;
	width:100%;
	height:4px;
	background:#d3373b;
	
}
.demo-content h5.title::before{
	bottom:-4px;
}
.demo-content h5.title::after{
	display:none;
	top:-4px;
}
.demo-content h6,
.demo-content h6 span
{
	font-family:'Oswald', sans-serif;
	text-transform:uppercase;
	/* color:#636363; original value */
	color:#fefefe;
	letter-spacing:0px;
	padding-left:0px;
	font-size:18px;
	/* added new */
	background-color: brown;
}
.demo-content h6 span{
	color:#d7f257;
}
.demo-content a img{
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	    -ms-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.demo-content a:hover img{
	opacity:0.6;
}
footer p.text-small{
	font-size:12px;
	color:#939393;
}


/*-- ===================================================== --*
	STYLE FOR EXTRA SMALL DEVICES 
/*-- ===================================================== --*/
@media all and (max-width: 767px){	
	.home-section{
		height:auto;
		overflow:hidden;
	}
	.home-section .home-content{
		position:relative;
		float:left;
		height:auto;
	}
	.home-section .text-container{
		height:auto;
		overflow:hidden;
	}
	.home-section .text-container > div{
		margin:50px 0px;
	}
}