/* CORPO */

body {

	font-family: Nunito, sans-serif;
	color: #1c1c1c;
	
	
}

h1, h2, h3 {

	font-family: Asap, sans-serif;
	color: #000000;

}

.botao {

		color: #000000;
		text-decoration: none;
		padding: 10px 30px;
		background-color: #00ccff;
		font-size: 1em;
		border-radius: 3px;

}

/*Navegação*/

nav {

	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #00ccff;
	background-image: url("../img/neve.png");
	background-repeat: round;


}

nav > a {

			text-decoration: none;
			color: #0000cc;
			font-weight: 800;
			font-size: 55px;
			font-family: Yellowtail, serif;

}

nav ul {

		display: flex;
		flex-direction: column;
		align-items: center;
		list-style: none;
		padding: 0;
		width: 100%;
		font-size: 1.3em;

}

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

nav ul li a {

			display: inline-block;
			padding: 10px 0;
			width: 100%;
			text-decoration: none;
			color: #000000;
			line-height: .1em;
}

/*Cabeçalho*/

header {

		display: flex;
		flex-direction: column;
		align-items: center;
		background-image: url("../img/ar2.jpg" );
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		color: #000000;
		text-align: center;
		padding: 90px;
}

header h1{

		color: #000000;

}

header p{

		margin-bottom: .3em;
		line-height: 1.5em;
		font-size: 1.2em;
}

header a{

		margin-bottom: 0.0em;
		line-height: 0.0em;
		font-size: 1.0em;
		color: #ffffff00;

}

/*Fotos*/

#Fotos {

		display: flex;
		flex-direction: column;
		align-items: center;
		padding-top: 10px;
}

#Fotos h2 {

		margin-bottom: 10px;
		margin-top: 4px;
		font-size: 2em;

}

#Fotos img {

		width: 100%;
}

/*Sobre*/

#Sobre {

		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding: 10px 10px 20px 20px;
		background-color: #00ccff;
		color: #000000;

}

#Sobre h2{

		color: #000000;
		
}

#Sobre p{

		margin-bottom: 0.1em;
		max-width: 1000px;
		line-height: 1.5em;
		font-size: 1.2em;
}

#Sobre .botao {

		background-color: #0000cc;
		color: #00ccff;
		font-size: 1.2em;
}

#Serviços {

		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 30px;
		background-image: url("../img/casa.jpeg" );
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;

}

#Serviços div {

		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		margin-top: 1em;
		font-size: 1.1em;
		line-height: 1.5em;

}


/*Contatos*/

#Contato {

		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		
}

#Contato h2 {

		color: #000000;
	}

#Contato dir {

		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding: 10px;

}

/*Rodapé*/

footer {

		text-align: center;
		padding: 10px;
		background-color: #00ccff;
		color: #FFFFFF;
		line-height: .5em;
		background-image: url("../img/neve 4.png" );
		background-repeat: round;
}

footer a {

		text-decoration: none;
		color: #0000cc;
		font-size: 1.2em;

}

@media screen and (min-width: 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;
	}

	/*Sobre*/

	#sobre {

		height: 250px;
		height: 30vh;
		justify-content: center;
		min-height: 250px;

	}

	/*Serviços*/

	#serviços {

		flex-direction: row;
		flex-wrap: wrap;
		align-items: flex-start;
		max-width: 1000px;
		margin: 0 auto;

	}

	#serviços h2 {

		text-align: center;
		width: 100%;

	}

	#serviços div {

		flex-grow: 1;
		flex-basis: 150px;
		padding: 0 10px;

	}

	/*Fotos*/

	#Fotos {

		flex-direction: row;
		flex-wrap: wrap;
	}

	#Fotos h2 {

		width: 100%;
		text-align: center;
	}

	#Fotos img {

		width: 33.33333333%;
	}

	/*Contato*/

	#contato {

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

	#contato h2, #contato p {

		width: 100%;
	}




}