/* General */

*{
	margin:0;
	padding:0;
	box-sizing:border-box;	
}

html{
font-family: 'RepoRegular', sans-serif;
font-weight: normal;
font-style:normal;
font-size:16px;
color:#3a3a3a;
background-color:#fafafa; 	
}

ul, nav {
	list-style:none;	
} 
a {
	text-decoration:none;
	color:inherit;
	cursor:pointer;
	opacity:0.9;
}
a:hover{
	opacity:1;
	padding:0px 0px 5px 0px;
	border-bottom:#c0e99f 1px dotted;
	}
	
a.btn {
color:#fff;
border-radius: 4px;
text-transform:uppercase;
background-color:none;
border:#ffffff 1px solid;
font-family:'RepoRegular', sans-serif;
font-weight:800;
font-style:normal;
font-size:18px;
line-height:26px;
text-align:center;	
}

hr {width:150px; height:2px;background-color:#47b3a0;border:0;
margin-bottom:60px;}

section {
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:100px 100px;	
}

@media (max-width:1000px) {
	section {padding:100px 50px;}	
}

@media (max-width:600px) {
	section {padding:80px 30px;}	
}

section h3.title {
 color:#3a3a3a;
text-transform:none;
font-family:'Comfortaa', cursive;
font-weight:600;
margin-bottom:50px;
text-align:center;	
}

section p {
max-width:800px;
text-align:center;
margin-bottom:35px;
padding:0px 20px;
line-height: 26px;
	
}
ul.grid {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

/* header */
header {
position:absolute;
top:0;
left:0;
z-index:10;
width:100%;
display:flex;
justify-content:space-between;
align-items:center;
color:#fff;
padding:40px 100px 52px 100px;	
}






