/* Comentario */

/* 
nome de uma tag{...}
#nome de uma tag com id{...}
.nome de uma tag com uma classe{...}
 */

 *{
	margin:0px;
	padding:0px;
	
	}

img{
	display: block;
}







/* Tipografia */
.titulo{
	font-family: "Amiko", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 30px;
	color: black;
	margin-bottom: 20px;
}

.texto{
	font-family: "Carme", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 16px;
	line-height: 26px;
	color: #2c2c2c;
	margin-bottom: 10px;
}


footer p{
	width: 100%;
	text-align: center;
	font-family: "Carme", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 16px;
	line-height: 26px;
	color: #2c2c2c;
	margin-bottom: 10px;

}

footer h2 {
	width: 100%;
	text-align: center;
	font-family: "Carme", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 16px;
	line-height: 26px;
	color: #2c2c2c;
	margin-bottom: 10px;


}


/* Cores */

.bc-escuro{
	background-color: #f78dd7;
}

.bc-meio-tom{
	background-color: #f78dd7;
}

.bc-claro{
	background-color: #ffffff;
}

.bc-marca{
	background-color: #f78dd7;
}

/* Margens e Paddings */

.pad-t-b-grande{
	padding-top: 80px;
	padding-bottom: 80px;
}

.pad-t-b-medio{
	padding-top: 50px;
	padding-bottom: 50px;
}

.pad-t-b-pequeno{
	padding-top: 20px;
	padding-bottom: 20px;
}

/* Divs */

.header-container{
	width: 100%;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
	height: 80px;
	align-items: baseline;
}
header{
	width: 100%;
	height: 80px;
	background-color: white;
}

section{
	width: 100%;
}

.container-topo{
	width: 100%;
	height: 400px;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
	background-image: url(imagens/primeira.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	
}



.container-col{
	width: 100%;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;

	
}

footer{
	width: 100%;
	height: 120px;
	background-color: white;
	
}

nav ul{
	display: flex;
	width: 150px;
	justify-content: space-between;
}

nav li{
	list-style-type: none;
}

/* Colunas */

.col-1-2{
	width: 100%;
	margin-bottom: 20px;
}

.col-1-3{
	width: 31%;
}

.col-1-3 img{
	width: 100%;
	margin-bottom: 20px;
}


.col-1-4{
	width: 100%;
	margin-bottom: 20px;
}
/* Links */

nav a{
	color: black;
	text-decoration: none;
}

nav a:hover{
	color: #f78dd7;
	text-decoration: underline solid 3px;

}