@charset "utf-8";
/* CSS Document */
body{
	margin: 0;
	font-family: AvenirNextLTPro-Regular;
}
@font-face {
    font-family: AvenirNextLTPro-Medium;
    src:url(../fonts/AvenirNextLTPro-Medium.ttf)
}
@font-face {
    font-family: AvenirNextLTPro-Regular;
    src:url(../fonts/AvenirNextLTPro-Regular.ttf);
}
.container {
    width: 90%;
    margin: auto;
}
.cover-albums {
    width: 100%;
}
.album-thumb{
	width: 25%;
	float: left;
}
.cover-images{
	width:95%;
	margin: auto;
}
.cover-images a img {
    padding-bottom: 2.5%;
    width: 100%;
    padding-top: 2.5%;
}

/*Start Overlay*/
.cover-images {
  position: relative;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
}

.cover-images:hover .overlay {
  opacity: 1;
}

.text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.text a{
  font-family: AvenirNextLTPro-Medium;
  color: white;
  font-size: 20px;
  text-align: center;
  text-decoration: none;
}
/*End Overlay*/

@media only screen and (max-width: 600px) {
	.album-thumb {
    width: 100%;
    float: left;
}
}