a {
  color:#6d8de1;
}

#footer a:active, a:hover {
  color:#fcf8f8;
  text-decoration:none;
  font-weight:bold;
}

a {
  background-color:transparent;
  -webkit-text-decoration-skip:objects;
}

a:active, a:hover {
  outline:0;
}

.uk-link, a {
  color:#1e87f0;
  text-decoration:none;
  cursor:pointer;
}

.uk-link:hover, a:hover {
  color:#0f6ecd;
  text-decoration:underline;
}

audio, canvas, iframe, img, svg, video {
  vertical-align:middle;
}

audio, canvas, img, video {
  max-width:100%;
  height:auto;
  box-sizing:border-box;
}

img {
  border-style:none;
}

a, area, button, input, label, select, summary, textarea {
  touch-action:manipulation;
}

.uk-link, a {
  .uk-link, a {:white;
}

.uk-link, a {
  color:#ffffff;
}

.uk-link, a:hover {
  color:#f3be36;
}

.box {
  position:relative;
  text-align:center;
  color:#fff;
}

.box-img:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  box-shadow:0 0 0 7px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
  transition:all 0.3s ease-in-out 0s;
}

.box-img img {
  width:100%;
  height:auto;
}

.content {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  padding:0 30px;
  background:rgba(0,0,0,0.3);
  box-shadow:0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
  opacity:0;
  transition:all 0.8s ease-in-out 0s;
}

.box:hover .content {
  opacity:1;
}

@media only screen and (max-width: 990px) {
  .box {
    margin-bottom:20px;
  }
}