.accordion {

            width: 100%;

            /*max-width: 1080px;*/

            height: 600px;

            overflow: hidden;

            margin: 50px auto;

        }



        .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: 600px;

            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: 600px;

            width: 100%;

            position: relative;

            z-index: 3;

            vertical-align: center;

            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: 1;

            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: 330px;

            width: 380px;

            right: -80px;

            font-weight: 500;

            transform: rotate(-90deg);

            

            text-shadow: 1px 1px #000;

        }



        .accordion ul li div a p {

            top: 160px;

            font-size: 13.5px;

        }



        .accordion ul:hover li {

            width: 8%;

        }



        .accordion ul:hover li:hover {

            width: 60%;

        }



        .accordion ul:hover li:hover a {

            background: rgba(0, 0, 0, 0.4);

        }



        .accordion ul:hover li:hover a * {

            opacity: 1;

            -webkit-transform: translateX(0);

            transform: translateX(0);

        }



        @media screen and (max-width: 600px) {



            body {

                margin: 0;

            }



            .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%;

                margin-bottom: 5px;

                -webkit-transition: none;

                transition: none;

            }

            .accordion ul li div a {

                height: auto;

            }

        }