.photos {
display: block; width: 100%; border-bottom: 1px solid $color__black; padding: 20px 0; overflow: hidden; &:first-child { padding-top: 0; } &:last-child { border: none; }
}
.photos__hover-title {
@extend .container; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; z-index: -1; div { display: table-cell; line-height: 150px; font-weight: 700; font-size: 150px; vertical-align: middle; }
}
.photos__img {
float: left; width: 50%; height: 200px; line-height: 200px; text-align: center; overflow: hidden; img { max-width: 90%; max-height: 90%; margin-bottom: 20px; vertical-align: middle; }
}
// media queries @include media-query($on-palm) {
.photos__img { width: 10%; height: 80px; line-height: 80px; img { max-width: 90%; max-height: 90%; margin-bottom: 0; } }
}
@include media-query($on-laptop) {
.photos { &:hover .photos__hover-title { display: table; } } .photos__img { width: 6.25%; height: 55px; line-height: 55px; }
}