.start{
	background:url(start.jpg) no-repeat;
	background-size:cover;
	background-position:center center;
	color:#fff;
}

.start .header{
	padding-top:35px;
}
.start .logo{
	width:150px;
}
.start .login{
	background:#fff;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 29px;
	color:#D60637;
	font-size:20px;
	font-weight:bold;
	padding:10px 35px;
}


.start .body{
	padding-top:250px;
	padding-bottom:100px;
}
.start h2{
	font-size:60px;
	font-weight:bold;
}
.start h4{
	margin-top:0;
	font-size:25px;
}
.btn-start{
	display:block;
	margin:0 auto;
	margin-top:15px;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 29px;
	padding:10px;
	width:450px;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	border: 1px solid #FFFFFF3B;
	display:flex;
	align-items:center;
	justify-content: center;
}
.btn-start:hover{
	color:#fff;
}
.btn-start .fab{
	margin-right:10px;
	font-size:25px;
}
.register{
	background: transparent linear-gradient(270deg, #E85B4F 0%, #D50036 100%) 0% 0% no-repeat padding-box;
}
.facebook{
	background: #3A5994 0% 0% no-repeat padding-box;
}
.google{
	background:none;
	border: 1px solid #FFFFFF;
}


.start .bottom{
	font-size:20px;
	padding-bottom:100px;
}

.start .bottom .online-user{
	background:rgba(255, 255, 255, .18);
	border: 1px solid rgba(112, 112, 112, 1);
	border-radius: 53px;
	display:flex;
	align-items:center;
	justify-content: center;
	margin-top:15px;
}
.start .bottom .online-user img{
	width:10%;
	padding:3px;
	border:1px solid #54C339;
	border-radius:50%;
	margin:10px;
}



.info{
	font-size:18px;
	padding:100px 0px;
}
.info .row{
	margin:35px 0px;
}
.info span{
	display:block;
	line-height:33px;
}
.info .red{
	color:rgba(214, 1, 55, 1);
}
.info img{
	width:100%;
}
.info .img2{
	width:90%;
	margin:0 auto;
}
.info .red-title{
	font-weight:lighter;
	font-size:65px;
	color:rgba(214, 1, 55, 1);
}



.red-bar{
	background: rgba(214, 1, 55, 1) 0% 0% no-repeat padding-box;;
	color:#fff;
	padding:50px;
	position:relative;
}
.red-bar h2{
	font-size:50px;
}
.red-bar span{
	font-size:18px;
	display:block;
	line-height:33px;
	margin-bottom:15px;
}
.red-bar h3{
	font-size:40px;
}
.red-bar .handy{
	position:absolute;
	top:-150px;
}

.bottom-content{
	padding:100px 0px;
	text-align:center;
	padding-top:200px;
}
.bottom-content img{
	width:550px;
	margin:0 auto;
	margin-bottom:35px;
	display:block;
}
.bottom-content h2{
	font-weight:lighter;
	font-size:70px;
	margin-bottom:45px;
}


.footer{
	border-top:1px solid rgba(112, 112, 112, .21);
	padding:35px;
	text-align:center;
}
.footer a{
	color:rgba(77, 77, 77, 1);
	padding:0px 15px;
	text-decoration: none;
}


@media only screen and (min-width:768px) and (max-width:992px){
	
	.info{
		font-size:16px;
	}
	.info span{
		line-height: inherit;
	}
	.info .red-title{
		font-size:41px;
	}
	.red-bar{
		padding:25px;
		margin-top:100px;
	}	
	.red-bar .handy{
		position:relative;
		top:0;
		width:100%;
		margin:0 auto;
	}
	.handy-container{
		text-align:center;
	}
		
}

@media only screen and (min-width:576px) and (max-width:768px){
	
	.start .bottom .online-user{
		flex-flow:wrap;
		padding:5px 0px;
	}
	.start .bottom .online-user img{
		width: 15%;
		margin: 5px;
	}
	
	.info{
		padding:50px 0px;
	}
	
	.info .red-title{
		font-size:40px;
	}
	
	.info img{
		margin-top:35px;
	}
	.info .img2{
		margin-bottom:25px;
	}
	
	.red-bar{
		padding:25px;
		margin-top:100px;
	}	
	.red-bar .handy{
		position:relative;
		top:0;
		width:70%;
		margin:0 auto;
		margin-top:-170px;
	}
	.handy-container{
		text-align:center;
	}
		
}

@media only screen and (max-width:576px){
	
	.start .header{
		padding-top:15px;
	}
	
	.start .login{
		font-size: 16px;
		padding: 7px 25px;
	}
	
	.start .body{
		padding:50px 0px;
	}
	
	.start h2{
		font-size:40px;
	}
	.start h4{
		font-size:21px;
	}
	
	.btn-start{
		width:100%;
	}
	
	.start .bottom{
		font-size:14px;
	}
	
	.start .bottom .online-user{
		flex-flow:wrap;
		padding:5px 0px;
	}
	.start .bottom .online-user img{
		width: 15%;
		margin: 5px;
	}
	
	.info{
		padding:50px 0px;
	}
	
	.info .red-title{
		font-size:40px;
	}
	
	.info img{
		margin-top:35px;
	}
	.info .img2{
		margin-bottom:25px;
	}
	
	.red-bar{
		padding:25px;
		margin-top:100px;
	}	
	
	.red-bar .handy{
		position:relative;
		top:0;
		width:100%;
		margin-top:-170px;
	}
	
	.bottom-content{
		padding:50px 0px;
	}
	.bottom-content img{
		width:100%;
	}
	.bottom-content h2{
		font-size:48px;
	}
	
	.footer{
		padding:20px 0px;
		font-size:12px;
	}
	.footer a{
		padding:0px 3px;
	}

	
	
}