#resource_menu{
font-size:1.3em;
}
#resources h2{
font-size:1.5em;
margin:1em 0 0;
}
#resources .category{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
#resources .item{
flex-grow:1;
margin:1em;
padding:0 16px;
background:#f9f9f9 url('/images/bg-light-horiz.jpg');
border-radius:8px;
box-shadow:5px 5px 5px #ddd;
border:1px solid #ddd;
}
#resources h3{
font-size:1.5em;
margin:0 -16px .5em;
background-color:#57b;
padding:6px 12px 4px;
font-weight:bold;
color:#fff;
border-radius:8px 8px 0 0;
}
#resources .item img{
max-width:100%;
}
#resources table,
#resources tbody,
#resources tr,
#resources td{
display:block;
text-align:center;
}
@media (min-width:750px){
	#resources{
	padding:0 2.5em;
	}
	#resources h2{
	font-size:2em;
	margin:2em 0 0;
	}
	#resources .item ul{
	padding:0 .5em 0 1em;
	}
	#resources table{
	display:table;
	}
	#resources tbody{
	display:table-row-group;
	}
	#resources tr{
	display:table-row;
	}
	#resources td{
	display:table-cell;
	text-align:left;
	}
}