.editionsGrid{
    display: grid;
    grid-column-gap: 10px;
    row-gap: 10px;
    position:relative;
}
.editionsGrid .gridItem{
	text-align:center;
    border-radius:6px;
}
.editionsGrid .gridItem a{
	text-decoration:none;
    display:block;
    color:#fff;
    padding:12px 0;
}
.editionsGrid .gridItem:hover{
	background:#000;
}
.ed2014{
	background:#7d0b8a;
}
.ed2015{
	background:#1c8101;
}
.ed2016{
	background:#036dbc;
}
.ed2017{
	background:#7fc909 ;
}
.ed2018{
	background:#ecbe03 ;
}
.ed2019{
	background:#d11b33 ;
}
.ed2020{
	background:#c70787 ;
}
.ed2021{
	background:#04a5c2 ;
}


@media(min-width: 768px){
    .editionsGrid{
		grid-template-columns: repeat(4, 1fr);
	}
}

@media(max-width: 768px){
    .editionsGrid{
		grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 10px;
        row-gap: 10px;
	}
}

@media(max-width: 480px){
    .editionsGrid{
		grid-template-columns: repeat(2, 1fr);
	}
}