*,
*:before,
*:after {
    box-sizing: border-box;
}

.grid{
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-auto-rows: minmax(200px, auto);
	margin-bottom: 40px;
}

.menugrid {
    background-color: #484848;
    border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-left: 1px;
	height: 70px;
	margin-bottom: 180px;
}

.menugrid:hover, .recordgrid:hover{
	opacity: 0.5;
	transition: opacity .2s ease-out;
	-moz-transition: opacity .2s ease-out;
	-webkit-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	color: #800000;
}

.menugrid:last-child
{
	margin-bottom: 30px;
}

.recordgrid {
    background-color: #800000;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	height: min-content;
	margin-left: 1px;
	height: 70px;
	margin-bottom: 180px;
}

.menugrid img, .recordgrid img{
    display: block;
    margin: 0 auto;
    width: 242px;
}


.menugrid p, .recordgrid p{
    text-align: center;
	font-weight: bold;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 8px;
}

.menugrid a, .recordgrid a{
    color: white;
    text-decoration: none;
}