body{
	font-family: Nunito, sans-serif;
	color: #60C3E3;
}

h1, h2, h3 {
	font-family: Asap, sans-serif;
	color: #000000;
}

.botao {
	color: #FFFFFF;
	text-decoration: none;
	padding: 10px 30px;
	background-color: #60C3E3;
	font-size: .9em;
	border-radius: 3px;

}

/* Novegação*/

nav {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #60C3E3;
}

nav > a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: 800;
	font-size: 32px;
	font-family: Yellowtail, 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: 10px 0;
	width: 100%;
	text-decoration: none;
	color: #FFFFFF;
}

/*Cabeçalho*/

header {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #60C3E3;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	color: #0F7FA6;
	text-align: center;
	padding: 20px;
}

header h1, h2, h3 {
	color: #FFFFFF;
}

header p{
	margin-bottom: 2em;
}

#sobre {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 10px 10px 20px 20px;
	background-color: #FFFFFF;
	color: #0F7FA6;
}

#sobre h2 {
	color: #0F7FA6;
}
#sobre p {
	margin-bottom: 2.5em;
	max-width: 1000px;
}

#sobre .botao {
	background-color: #0F7FA6;
	color: #FFFFFF;
}

#serviços {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 30px;
	background-color: #0F7FA6;
	color: #FFFFFF;
}

#serviços h2 {
	color: #FFFFFF;
}
#serviços p {
	margin-bottom: 2.5em;
	max-width: 1000px;
}

#serviços div {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	margin-top: 30px;
}
#serviços table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

#serviços th, td {
  text-align: left;
  padding: 8px;
}

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

#contato h2 {
	color: #0F7FA6;
}

/*rodape*/

footer {
	text-align: center;
	padding: 10px;
	background-color: #0F7FA6;
	color: #FFFFFF;
}

footer a {
	text-decoration: none;
	color: #00FFFF;
}

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

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

	nav ul {
		flex-direction: row;
		width: 70%;
	}
	/*cabeçalho*/

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

	#sobre {
		height: 250px;
		height: 30vh;
		justify-content: center;
		min-height: 250px;
	}

	#serviços {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: flex-start;
		max-width: 2000px;
		margin: 0 auto;
	}

	#serviços h2 {
		text-align: center;
		width: 100%;
	}

	#serviços table {
		text-align: center;
		width: 70%;
	}

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

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

}