.accordion {  width: 100%;
          max-width: 1080px;
          height: 250px;
          overflow: hidden;
          margin: 50px auto;
          margin-top: 10px;
          margin-bottom: 15px;
}

.accordion ul {
          width: 100%;
          display: table;
          table-layout: fixed;
          margin: 0;
          padding: 0;
}

.accordion ul li {
          display: table-cell;
          vertical-align: bottom;
          position: relative;
          width: 16.666%;
          height: 250px;
          background-repeat: no-repeat;
          background-position: center center;
          transition: all 500ms ease;
}

.accordion ul li div {
          display: block;
          overflow: hidden;
          width: 100%;
}

.accordion ul li div a {
          display: block;
          height: 250px;
          width: 100%;
          position: relative;
          z-index: 3;
          vertical-align: bottom;
          padding: 15px 20px;
          box-sizing: border-box;
          color: #fff;
          text-decoration: none;
          font-family: Open Sans, sans-serif;
          transition: all 200ms ease;
}

.accordion ul li div a * {
          opacity: 0;
          margin: 0;
          width: 100%;
          text-overflow: ellipsis;
          position: relative;
          z-index: 5;
          white-space: nowrap;
          overflow: hidden;
          -webkit-transform: translateX(-20px);
          transform: translateX(-20px);
          -webkit-transition: all 400ms ease;
          transition: all 400ms ease;
}

.accordion ul li div a h2 {
          font-family: Montserrat, sans-serif;
          text-overflow: clip;
          font-size: 24px;
          text-transform: uppercase;
          margin-bottom: 2px;
          top: 160px;
}

.accordion ul li div a p {

          top: 160px;
          font-size: 13.5px;
}
.accordion ul li:nth-child(1) { background-image: url("../img/1.jpg"); background-size: cover ; background-position: center;}

.accordion ul li:nth-child(2) { background-image: url("../img/2.jpg"); background-size: cover ; background-position: top;}

.accordion ul li:nth-child(3) { background-image: url("../img/3.jpg"); background-size: cover ; background-position: top;}

.accordion ul li:nth-child(4) { background-image: url("../img/4.jpg"); background-size: cover ; background-position: top;}

.accordion ul li:nth-child(5) { background-image: url("../img/5.jpg"); background-size: cover ; background-position: top;}

.accordion ul li:nth-child(6) { background-image: url("../img/6.jpg"); background-size: cover ; background-position: top;}

.accordion ul li:nth-child(7) { background-image: url("../img/7.jpg"); background-size: cover ; background-position: center;}

.accordion ul:hover li { width: 8%; }

.accordion ul:hover li:hover { width: 60%; }

.accordion ul:hover li:hover a * {
          opacity: 1;
          -webkit-transform: translateX(0);
          transform: translateX(0);
}
@media screen and (max-width: 600px) {.accordion { height: auto; }.accordion ul li,
.accordion ul li:hover,
.accordion ul:hover li,
.accordion ul:hover li:hover {
          position: relative;
          display: table;
          table-layout: fixed;
          width: 100%;
          -webkit-transition: none;
          transition: none;
}

}