.accordion-group{overflow:hidden;margin:0 auto;padding:0;list-style:none;width:100%;height:700px;display:flex;align-items:center;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.accordion-group li{cursor:pointer;position:relative;display:flex;overflow:hidden;margin:0;padding:1.6em;list-style:none;width:16.66666667%;height:inherit;background-position:center center;background-size:cover;background-repeat:no-repeat;-webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out}.accordion-group li h3{position:relative;color:#fff;text-transform:uppercase;letter-spacing:.15rem;padding:0;font-weight:300;margin:6.5rem 0 0;text-shadow:1px 1px rgba(0,0,0,.8)}.accordion-group li .accordion-overlay{position:absolute;height:100%;width:100%;left:0;top:0;-webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out}.accordion-group li section{display:flex;align-items:center;width:75%;height:100%}.accordion-group li section.big-section{width:100%}.accordion-group li section article{display:table-cell;vertical-align:middle;padding:4rem;position:relative;right:-200%;-webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out}.accordion-group li section article p{background-color:rgba(255,255,255,.8);padding:1.6rem;color:#333;font-size:1.6rem;letter-spacing:.15rem}.accordion-group li section article p:after,.accordion-group li section article p:before{content:"";display:block;height:1px}.accordion-group li.out{width:50%}.accordion-group li.out section article{right:0}@media (max-width:767px){.accordion-group{height:360px}.accordion-group li{display:flex;align-items:center;justify-content:center}.accordion-group li.out h3{opacity:0}.accordion-group li h3{opacity:1;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);width:2.5rem;padding:0;margin:10rem 0}}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes rotate{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}.accordion-group li:nth-child(1) a{padding-left:40px}