body {
	margin: 0;
}


.grid-item {
	padding: 10px;
	overflow: hidden;
	box-sizing: border-box;
	font-weight: bold;
	display: flex;
	text-align: center;
    justify-content:center;
    align-content:center;
    flex-direction:column;
    line-height: 1.5em;
    font-size: 1.8em;
    font-family:"Roboto-BoldCondensed";
}
.grid-item span{
	font-size: 2em;
	font-weight: 100;
	font-family: "Roboto-BoldCondensed";
}
.grid-item:nth-of-type(5n + 1) {
	background-color: #EE465F;
}
.grid-item:nth-of-type(5n + 2) {
	background-color: #4267B2;
}
.grid-item:nth-of-type(5n + 3) {
	background-color: #274068;
}
.grid-item:nth-of-type(5n + 4) {
	background-color: #6C6C6C;
}
.grid-item:nth-of-type(5n + 5) {
	background-color: #274068;
}
.grid-item:nth-of-type(5n + 6) {
	background-color: #5EAEAE;
}
.grid-item:nth-of-type(5n) {
	background-color: #FBBE92;
}
.grid-item .grid-item {
	background-color: #274068;
}

.text-item1{
	color: #dd4b39;
}
.text-item2 {
	color: #3c8dbc;
}
.text-item3 {
	color: #f39c12;
}
.text-item4 {
	color: #00a65a;
}
.text-item5 {
	color: #274166;
}