main {
  width: 100%;
  height: auto;
  padding: 0px 0 0px 0;
  margin:  0 0 0 0;
  background-color: #fff;
}

main.active {
}

#home-main-area{
background-image: url(images/home/main-hero.jpg);
background-position: center top;
background-color: rgba(0,0,0,1);	
background-repeat: no-repeat;
background-attachment: fixed;
height: auto;
padding: 180px 0 150px 0;
}

#work-main-area{
	margin: 0px 0 0 0;
	padding: 60px 0 0px 0;	
}

@media (max-width:600px){
#work-main-area{
	height: 0px;
	width: 100%;
	margin: 0px 0 0 0;
	padding: 45px 0 0px 0;	
}	
}

main ul.main-message{
	width: 88%;
	height: auto;
	overflow: auto;
	margin: 0 auto;
	padding: 0px 0 0px 0;
}

.main-title{
/**	text-transform: uppercase;**/
	font-size: 62px;
	font-weight: 700;
	letter-spacing: -0.015em;	
	color: rgba(255, 255, 255, 1);
	line-height: 95%;
	padding: 0 0 15px 0;
}

.sub-title{
	font-size: 21px;
	font-weight: 300;
	font-family: 'Lora','Montserrat', helvetica, arial, sans-serif;
	color: rgba(254,190,16,0.6);
	letter-spacing: 0.125em;
	float: left;	
}

.arrow-down-area{
	padding: 8px 12px 12px 12px;
	margin: -3px 0 0 12px;
	border-radius: 100px;
	background-color: rgba(254,190,16,0.4);	
	float: left;
	display: inline-block;
}

.arrow-down-area:hover{
	background-color: rgba(254,190,16,0.6);		
}

.icon-chev-down:before{
  content: "c";
  font-size: 11px;
  color: #ffffff;
  text-align:center;

}

.main-message{
	padding: 0;
	margin: 0;
}

/*************************************************************/
/*******************Begin Responsive Styles*******************/
/*************************************************************/

@media (max-width:930px){
	
	#home-main-area{
	padding: 130px 0 90px 0;	
	}
	
	main ul.main-message{
	
	}
	
	.main-title{
		font-size: 48px;		
		padding: 0 0 7px 0;
		text-align: left;
	}
	
	.sub-title{
		font-size: 18px;	
		max-width: 90%;
		margin: 10px 0 0 5px;
		text-align: left;			
	}
	
	.arrow-down-area{
		margin: 3px 0 0 10px;
		border-radius: 100px;
		padding: 10px 14px 14px 14px;		
	}	
	
}


@media (max-width:720px){
	
	#home-main-area{
	padding: 130px 0 90px 0;	
	}
	
	main ul.main-message{
	
	}
	
	.main-title{
		max-width: 450px;	
		font-size: 48px;		
		padding: 0 0 7px 0;
		text-align: left;
	}
	
	.sub-title{
		font-size: 18px;	
		max-width: 335px;
		margin: 10px 0 0 5px;
		text-align: left;			
	}
	
	.arrow-down-area{
		margin: 3px 0 0 10px;
		border-radius: 100px;
		padding: 10px 14px 14px 14px;		
	}	
	
}



@media (max-width:497px){
	
	#home-main-area{
	padding: 130px 0 90px 0;	
	}
	
	main ul.main-message{
		max-width: 450px;	
	}
	
	.main-title{
		font-size: 38px;
		text-align: center;	
	}
	
	.sub-title{
		font-size: 18px;
		max-width: 100%;
		margin: 0 0 0 5px;
		text-align: center;			
	}
	
	.arrow-down-area{
		margin: 15px 0 0 46%;
		border-radius: 100px;
		padding: 10px 14px 14px 14px;		
	}
	
	
}


@media (max-width:350px){

	.sub-title{
		font-size: 14px;
		max-width: 100%;
		margin: 0 0 0 5px;
		text-align: center;			
	}	

}