.fluidgrid {
	display: grid;
	grid-columns: 300px 100px 100px 100px 100px 100px 100px;
	margin-top:10px;
	margin-bottom:10px;
}
.box {
	font-family: 'Architects Daughter', cursive;
	font-size:24px;
	font-weight:normal;
	text-align:center;
}
.box a {
	color:#ff9900;
	text-decoration:none;
}
.box a:hover {
	color:#FFF;
	text-decoration:none;
}
.lefta {
	grid-column: 1;
	grid-row: 1;
	height:100px;
	width:300px;
	line-height:100px;
	background:#FFF;
	color:#555;
	border-left:solid 1px #555;
	border-top:solid 1px #555;
	-webkit-transition: -webkit-transform 0.5s, background 0.5s;
}
.lefta:hover {
	color:#FFF;
	background:#555;
}
.leftb {
	grid-column: 1;
	grid-row: 2 ;
	height:100px;
	width:300px;
	line-height:100px;
	background:#FFF;
	color:#555;
	border-left:solid 1px #555;
	-webkit-transition: -webkit-transform 0.5s, background 0.5s;
}
.leftb:hover {
	color:#FFF;
	background:#555;
}
.leftc {
	grid-column: 1;
	grid-row: 3 ;
	height:100px;
	width:300px;
	line-height:100px;
	background:#FFF;
	color:#555;
	border-left:solid 1px #555;
	-webkit-transition: -webkit-transform 0.5s, background 0.5s;
}
.leftc:hover {
	color:#FFF;
	background:#555;
}
.leftd {
	grid-column: 1;
	grid-row: 4 ;
	height:100px;
	width:300px;
	line-height:100px;
	background:#FFF;
	color:#555;
	border-left:solid 1px #555;
	border-bottom:solid 1px #555;
	-webkit-transition: -webkit-transform 0.5s, background 0.5s;
}
.leftd:hover {
	color:#FFF;
	background:#555;
}
.righte {
	grid-column: 2 / span 6;
	grid-row: 1 / span 4;
	background:#FFF;
	color:#555;
	border-top:solid 1px #555;
	border-right:solid 1px #555;
	border-bottom:solid 1px #555;
}