.mainbox { max-width:1200px; }

h1 { margin:0; padding:15px 0 0 0; text-align:center; }

.splist { box-sizing:border-box; width:100%; margin:0; padding:10px 5px 20px 5px; text-align:center; font-size:12pt; }
.splist .xyear { margin:20px 0 6px 0; padding:5px 10px; background:linear-gradient(90deg,transparent,var(--primary),transparent); text-align:center; font-size:28pt; color:var(--primarytext); }
.splist .xbt { display:inline-block; box-sizing:border-box; width:calc(20% - 10px); min-width:150px; margin:5px; padding:10px 5px; border-radius:8px; background-color:var(--bg2); text-align:center; color:var(--text); }
.splist .xbt b { font-size:16pt; }
.splist .xbt:hover { background-color:var(--bg3); color:var(--texthl); }

@media(max-width:900px){
	.splist .xbt { width:calc(25% - 10px); }
}
@media(max-width:700px){
	.splist .xbt { width:calc(33% - 10px); }
}
@media(max-width:550px){
	.splist .xbt { width:calc(50% - 10px); }
}