#demo-page{
	padding:60px 0px;
	margin:0px;
	background:linear-gradient(rgba(255, 255, 255,0.9), rgba(255, 255, 255,0.9)), url('../demo-page.jpg') center center;
	background-size:cover;
}

h1,h2,h3,h4,h5,.demo-page-text h2 span{
	font-family: 'Roboto Condensed', sans-serif;
}

p,ul,a,.btn,span{
	font-family: 'Open Sans',sans-serif;
}

p,ul{
	line-height:1.5em;
	font-size:14px;
	color:grey;
}

.demo-page-text h2{
	text-transform:uppercase;
	font-weight:600;
	font-size:50px;
	color:#212121;
	margin:0px;
}

.demo-page-text h2 span{
	color:#ff5722;
}

.demo-page-text h2 .far{
	position:relative;
	top:-5px;
	margin-right:8px;
	font-size:47px;
}

.demo-page-text h3{
	font-size:32px;
	margin-top:4px;
}

.demo-page-text h3 + p{
	font-size:18px;
	margin:20px 0px;
}

.demo-page-text .btn{
	background:#ff5722;
	color:white;
	text-transform:uppercase;
	padding:10px 30px;
	font-size:18px;
	margin-top:30px;
}

.demo-page-text .btn:hover{
	background:#212121;
}

.block{
	margin-top:50px;
}

.demo-page-text h4{
	font-size:26px;
}

.available-colors p{
	margin-bottom:20px;
}

.available-colors a{
	height:70px;
	width:70px;
	display:inline-block;
}

.available-colors #orange{
	background:#ff5722;
}

.available-colors #pink{
	background:#fe6787;
}

.available-colors #brown{
	background:#c26e3d;
}

.available-colors #green{
	background:#2eb82e;
}

.available-colors #blue{
	background:#1c94fd;
}

.available-colors #red{
	background:#ff2b2b;
}

.available-colors #purple{
	background:#c653c6;
}

.available-colors #sea{
	background:#29a3a3;
}

.available-colors #yellow{
	background:#f9a006;
}

.available-colors #cyan-blue{
	background:#3973ac;
}

.available-colors #lightgreen{
	background:#92c100;
}

.available-colors #skin{
	background:#c99636;
}

.features ul{
	overflow:hidden;
}

.features ul li:before{
	content:'\f058';
	font-family:'Font Awesome 5 Free';
	position:absolute;
	top:4px;
	left:0;
	font-size:20px;
	color:#ff5722;
	font-weight:bold;
}

.features  ul li{
	padding:4px 0px 4px 30px;
	position:relative;
	font-size:15px;
	line-height:1.8em;
	word-wrap: break-word;
}

.mobile-frame{
	text-align:center;
	overflow: scroll;
}

.mobile{
	display: block;
	margin: 0 auto;
	width:360px;
	height:560px;
	border-top: 60px solid #000;
	border-bottom: 40px solid #000;
	border-right: 20px solid #000;
	border-left: 20px solid #000;
	border-radius: 40px;
	/* display:inline-block; */
	box-shadow:0px 0px 25px rgba(0,0,0,0.3);
	background:white;
	box-sizing:content-box;
}


@media(min-width:991px){

	.features  ul li{
		width:50%;
		float:left;
	}
}

@media(min-width:768px){

	.available-colors a{
		margin:10px 20px 4px 0px;
	}
}

@media(max-width:767px){

	#demo-page{
		text-align:center;
	}

	.demo-page-text h2{
		font-size:40px;
	}

	.demo-page-text h2 .far{
		font-size:37px;
	}

	.demo-page-text h3{
		font-size:26px;
		margin-top:4px;
	}

	.demo-page-text h3 + p{
		font-size:16px;
		width:95%;
		margin:20px auto;
	}

	.available-colors a{
		margin:10px 10px 4px;
	}

	.features  ul{
		text-align:left;
	}

	.mobile-frame{
		margin-top:60px;
	}
}