.row img
{
	max-width:50vw;
}

div.resource_tab
{
	display:flex;
	justify-content:space-evenly;
	text-align:center;
	flex-wrap:wrap;
}
div.resource_tab > a
{
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	padding:.3rem;
	transition: all 0.3s ease;
	flex:1 0;
	min-width:100px;
}
div.resource_tab > a:not(:last-child)
{
	border-right:1px solid #DDD;
}
div.resource_tab > a:hover, div.resource_tab > a:active, div.resource_tab > a.active
{
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

.resource
{
	margin-top:1rem;
	min-height:200px;
}
.resource > h4
{
	background:#666 !important;
	color:#FFF !important;
	font-size:2rem;
}
.resource > h4 > img
{
	height:2rem;
	margin:0 .5rem;
	vertical-align: bottom;
}

.toolkitButton
{
	margin:2rem 0 1rem 0;
}
.toolkitButton > a
{
	background:#639;
	color:#FFF !important;
	padding:1rem;
	transition:all .2s ease;
}
.toolkitButton > a:hover
{
	background:#060;
}

.back-to-top {
background: none;
position: fixed;
bottom: 0;
right: 0;
width: 70px;
height: 70px;
z-index: 100;
display: none;
text-decoration: none;
color: #ffffff;
text-align:center;
margin:0 20px 20px 0;
max-width:12vw;
}

@media only screen and (max-width: 640px) {
	div.resource_tab
	{ flex-direction:column; }
	div.resource_tab > a
	{ display:flex; border:none !important; align-items:center; }
	div.resource_tab > a > img
	{ height:20px; order:1;}
	div.resource_tab > a > p
	{ order:2; }
}

@media only screen and (max-width: 1024px) {
	.col-md {flex-direction:column;}
}