/* CORPO */

body {
	font-family: Raleway, sans-serif;
	color: #1c1c1c;
	background-color: #ffffff;
}

h1, h2, h3 {
	font-family: Raleway, sans-serif;
	color: #1c1c1c;
}

/* NAVEGACAO */

nav {
	display: flex;
	flex-direction: column ;
	align-items: center;
	background-color: black;
}

nav > a {
	text-decoration: none;
	color: #ffffff;
	font-weight: 800;
	font-size: 32px;
	font-family: Raleway, serif;
}

nav ul {
	display: flex;
	flex-direction: column;
	align-items: center;
	list-style: none;
	padding: 0;
	width: 100%;
}

nav ul li {
	text-align: center;
	width: 100%;
}

nav ul li a {
	display: inline-block;
	padding: 5px 0;
	width: 100%;
	text-decoration: none;
	color: #ffffff;
}


/* CABECALHO */

header {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-image: none ;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	color: #ffffff;
	text-align: center;
	padding: 30px;
}

header h1 {
	color: #ffffff;
}

header h2 {
	color: rgb(0, 0, 0);
	background-color: #FF8C00 ;
	text-align: center;
	width: 100%;
	padding: 30px;
	display: block;
}

header p {
	margin-bottom: 2em;
	color: black;
}

/* CONTATO */

.contato {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 20px;
}

a { color: rgba(0, 0, 0, 0.61);
	text-decoration: none;	
	font-size: larger;
	font-family: Raleway;
} 

footer {
	text-align: center;
	padding: 10px;
	background-color: #FF8C00;
	color: #ffffff;
}


.icones-sociais li
{
    display: inline-block;
}


/*------------------------------*/

@media screen and (min-widht: 768px) {

	/*nav*/

	nav{
		flex-direction: row;
		justify-content: space-around;
	}

	nav ul {
		flex-direction: row;
		width: 70%;
	}

	/*CABEÇALHO*/

	header {
		height: 600px;
		height: 60vh;
		justify-content: center;
	}

	#services {
		flex-direction: row;
		align-items: flex-start;
		max-width: 1000px;
		margin: 0 auto;
	}

	#services h2 {
		text-align: center;
		width: 100%;

	}

	#services div {
		flex-grow: 1;
		flex-basis: 150px;
		padding: 0 10px;
	}

	#contato {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
		max-width: 500px;
		margin: 0 auto;
	}

	#contato h2 #contato p {
		width: 100%;

	}

}