.middle-portfolio {
	float: left;
height: 180px;
width: 450px;
margin: 9px 3px 20px 1px;
background-color: yellow;
padding: 10px;
}

.gallery-top {
margin-top: 20px;

}

.middle-portfolio-garden-decking {
	float: left;
height: 180px;
width: 450px;
margin: 9px 3px 20px 1px;
background-image: url("../images/gallery-garden-decking.png");
padding: 10px;
}

.middle-portfolio-fire-remedial {
	float: left;
height: 180px;
width: 450px;
margin: 9px 3px 20px 1px;
background-image: url("../images/gallery-fire-remedial.png");
padding: 10px;
}

.middle-portfolio-site-work {
	float: left;
height: 180px;
width: 450px;
margin: 9px 3px 20px 1px;
background-image: url("../images/gallery-site-work.png");
padding: 10px;
}

.middle-portfolio-loft-conversion {
	float: left;
height: 180px;
width: 450px;
margin: 9px 3px 20px 1px;
background-image: url("../images/gallery-loft-conversion.png");
padding: 10px;
}

.gallery-nav {
float: left;
font-family: "unDinaru", sans-serif;
text-align: right;
text-decoration: underline;
font-size: 12px;
width: 100%;
margin-bottom: 20px;
}

.gallery-nav a{
color: #000000;
transition: .5s;
}

.gallery-nav a:hover {
color: red;
transition:.5s;
}