project-head {

float: none;

}

.projects h2 {

color: #000;

}

.projects {

display: flex;
align-items: stretch;
flex-wrap: wrap;

}

.projects article {

margin-bottom: 40px;

}

.projects figure {

position: relative;
height: 100%;
background: $grey-background-color;
line-height: 24px;
font-size: $base-font-size;
border: 1px solid $grey-background-color;
transition: background-color 0.5s ease-in-out, border 0.3s ease;

}

.projects figure > div {

transition: opacity 0.5s ease;

}

.projects figure:hover {

border: 1px solid $base-primary-color;
background-color: #FCFCFC;

}

.projects figure:hover > div {

opacity: 1;

}

.projects figcaption {

padding: 1.75em 1em;
font-size: 0.9em;

}

.projects figure a {

position: absolute;
height: 100%;
width: 100%;
bottom: 0;
right: 0;
color: transparent;
text-indent: -90000px;

}

.projects .tags-links span {

font-size: 0.9em;

}

@media only screen and (min-width:520px) {

.projects figure > div {
  opacity: 0.9;
}

}