.column-media > div {
max-width: 100%;
}
.contents-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.contents-box {
	margin:1rem;
	padding: 0;
	width: 70px;
	height: 70px;
	border-radius: 10px;
	position: relative;
}

.contents-box  p{
	font-size: 0.6rem !important;
	letter-spacing: -1px;
	font-weight: 600;
	padding: 0;	
	text-align: center;
	margin-left: 0;
	margin-right:0;
    margin-bottom: 0;
    position: absolute;
    top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
}

.box-green{
		border: 1px solid #91AC52;
		color: #91AC52;
}

.box-pink{
		border: 1px solid #DF817E;
		color: #DF817E;
}

.box-yellow{
		border: 1px solid #BF9C46;
		color: #BF9C46;
}

.box-brown{
		border: 1px solid #D0917F;
		color: #D0917F;
}

.box-blue{
		border: 1px solid #796BAF;
		color: #796BAF;
}

.box-lightblue{
		border: 1px solid #5FC6C0;
		color: #5FC6C0
}
.box-purple{
		border: 1px solid #88798D;
		color: #88798D
}

.down-arrow{
	  display: inline-block;
	  width: 0;
	  height: 0;
	  border-left: 30px solid transparent;
	  border-right: 30px solid transparent;
	  border-top: 30px solid #00478b;
}

.pt-0{
	padding-top: 0;
}