@charset "UTF-8";
*{
   margin:0;
   padding: 0;
   font-family: Quicksand;
   text-decoration: none; 
}
.clearfix{ overflow: auto; }
 
.section{
	width: 80%;
	height: 100%;
	background: #fff;
	margin: 50px auto;
}
.section h1{
	color: #000;
    font-size: 40px;
	font-family: 'Roboto', sans-serif;
	text-align: center;
}
.section p{
	margin-top: 30px;
	color: #666666;
    font-size: 20px;
	font-family: 'Roboto', sans-serif;
	text-align: center;
}
hr{
    max-width: 300px;
    height: 4px;
    border-style: none;
    background: -webkit-linear-gradient(left, black, #0672d0);
    margin:0 auto;
}

@media (max-width: 520px){
.section h1{
    font-size: 30px;
}
.section p{
	margin-top: 20px;
    font-size: 20px;
}	
}

@media (max-width: 360px){
.section h1{
    font-size: 25px;
}
.section p{
	margin-top: 20px;
    font-size: 18px;
}
		
}