html, body { margin:0; padding:0; }
* { box-sizing: border-box; }
img { max-width:100%; height:auto; display:block; }

body {
	font-family: 'Montserrat', sans-serif;
	background: #000000;
}

.titulo-principal {
	color: #FFFFFF;
	font-size: 2em;
	font-weight: bold;
	margin-top: 20px;
}

.descriptions {
	margin: 0 auto;
	text-align: center;
	width: 100%;
	color: white;
}

.descriptions p {
	margin-top: 10px;
	font-size: 16px;
}

.container-principal {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: start;
	justify-content: center;
	margin: 20px auto;
}

.container-principal h5{
	text-align: center;
	font-size: 16px;
}

.container-principal p{
	font-size: 16px;
	margin-top: 10px;
}

.container-principal .descricao{
	font-size: 13.3px;
}

.container-principal a:hover{
	color: #ffd60a;
}

.dia {
	border: 1px solid #000; /* Apenas para visualização */
	padding: 10px;
	margin: 10px;
	background-color: #272626;
	color: white;
	width: 330px;
}

.div-interna {
	border: 1px solid #272626; /* Apenas para visualização */
	padding: 10px;
	margin-top: 10px;
	text-align: left;
	background-color: #000;
	color: white;
}

.div-interna h5 a {
	text-decoration: none; /* Remove o sublinhado */
	color: inherit;        /* Faz com que o link herde a cor do texto do elemento pai, que é o h5 */
}

.div-interna p a {
	text-decoration: none; /* Remove o sublinhado */
	color: inherit;        /* Faz com que o link herde a cor do texto do elemento pai, que é o h3 */
}

.marrom {
	color: #D86538;
	font-weight: bold;
}

.amarelo {
	color: #FFD60A;
	font-weight: bold;
}

.azul {
	color: #0198EF;
	font-weight: bold;
}

.verde {
	color: #7ed957;
	font-weight: bold;
}
.vermelho {
	color: #FF1616;
	font-weight: bold;
}

.horario {
	color: #ffd60a;
	font-size: 13.3px;
	text-transform: lowercase;
}

@media screen and (max-width: 768px) {

	.container-principal {
		display: flex;
		flex-direction: column;
        align-items: center;
		margin-left: auto;
		margin-right: auto;
		width: 95%;
	  }

	.agenda li {
		width: auto;
		margin: 0 1em 1em 1em;
	}

}