body {
	
	font-family: Segoe Ui;
}

hr {
  border: 0;
  width: 90%;
  color: #B1C3DB; 
  background-color: #B1C3DB;
  height: 1px;

}

/* img responsiva */
img {
	max-width:100%;
	height:auto;
}

/*Flexbox*/

.container {
	width: 100%;
	height: auto;
	background: white;
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-flow: wrap;

}

.box {
	width: 30%;
	height: auto;
	background: white;
	margin: 1px;
	box-sizing: border-box;
	< !-- font-size: 50px;
	-->
}


@media screen and (max-width:1200px) {
	.box {
		width: 100%;
	}

}

@media screen and (max-width:500px) {
	.box {
		width: 100%;
	}

}