*{margin:0;padding:0;}
body{background-color:#252525;}
.galarts{padding:2% 3%;max-width:1440px;margin:0 auto;font-family:'Montserrat',sans-serif;font-size:14px;color:#ddd;letter-spacing:0.4em;}
.header{margin:0 auto 12% auto;}
h1,h2,h3{font-weight:300;}
.header h1{padding-top:0.8%;}
.row{display:block;flex-direction:row;justify-content:space-around;width:100%;}
.article{display:flex;flex-direction:column;flex-basis:100%;flex:1;margin:4% 4% 12% 4%;text-align:center;letter-spacing:0.2em;position:relative;}
.article img{width:100%;height:auto;}
.article a {text-decoration:none;color:#ddd;}
.article h2{font-size:18px;margin:1em;font-weight:500;}
.article p{font-size:12px;font-weight:300;}
.cover-description {opacity:1 !important;}
.footer {margin:24% 1.25% 12% 1.25%;font-size:18px;letter-spacing:0.2em;text-align:center;}
.footer a{color:#ddd;}
.footer a:hover{text-decoration:none;}
.galarts-logo{width:100%;height:auto;max-width:64px;float:left;margin-right:1%;}
@media only screen and (min-width: 900px) {
 .row{display:flex;flex-direction:row;justify-content:space-around;width:100%;}
 .header{margin:0 1.25% 4% 1.25%;}
 .article{margin:4%;}
 .cover-description {position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;-webkit-transition:.1s ease;-ms-transition:.1s ease;transition:.1s ease;background-color:rgba(37,37,37,0.9);opacity:0 !important;}
 .article:hover .cover-description {opacity:1 !important;}
 .description-text {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);  transform:translate(-50%, -50%);text-align:center;width:92%;}
 .footer {margin:4% 1.25% 1.25% 1.25%;font-size:16px;}
}