a:hover {
    color: darkslateblue;
    background-color: #e3e4fa;
    text-decoration: none;
}

a img {
    border:2px solid white;
}

a:hover img {
    color: darkslateblue;
    background-color: #e3e4fa;
    text-decoration: none;
    border: solid 2px #e3e4fa;
}

/* fotogrid stuff */

* {
    box-sizing: border-box;
}
  
body {
margin: 0;
font-family: Arial;
}

.header {
text-align: center;
padding: 32px;
}

.row {
display: -ms-flexbox; /* IE10 */
display: flex;
-ms-flex-wrap: wrap; /* IE10 */
flex-wrap: wrap;
padding: 4px;
}

/* Create three equal columns that sits next to each other */
.column {
-ms-flex:50%; /* IE10 */
flex: 50%;
max-width: 50%;
padding: 4px;
}

.column img {
border: solid 2px white;
margin-top: 8px;
vertical-align: middle;
width: 100%;
}

.column a img {
border: solid 2px white;
margin-top: 8px;
vertical-align: middle;
width: 100%;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
}
}