.container{display:flex;width:100%}.panel{border-radius:24px;color:#fff;cursor:pointer;flex:0.36;height:330px;margin:5px;position:relative;transition:flex .7s ease-in;width:0}.panel:first-child{margin-left:0}.panel:last-child{margin-right:0}.panel .copy-container{padding:0}.panel .card-title{bottom:40px;font-family:gill-sans-nova,sans-serif;font-size:20px;font-weight:400;left:2px;margin:0;opacity:1;position:absolute;transform:rotate(-90deg);transform-origin:0 0;transition:all .1s ease-in .1s}.panel .card-title2{font-weight:700}.panel .card-subtitle,.panel .card-title2{font-family:gill-sans-nova,sans-serif;font-size:20px;opacity:0}.panel .card-subtitle{font-weight:400}.panel p{font-size:16px;opacity:0}.panel.active{flex:7}.panel.active .card-title{opacity:0;transition:all .1s ease-in .1s}.panel.active .card-subtitle,.panel.active .card-title2,.panel.active p{opacity:1;transition:opacity .4s ease-in .5s}.panel.active .copy-container{padding:30px 40px 20px;transition:all .7s ease-in}@media(max-width:1024px){.panel{flex:0.46}}@media(max-width:940px){.panel{flex:0.56}}@media(max-width:767px){.container{display:block;width:100%}.panel{height:30px;margin:5px 0;width:100%}.panel.active{flex:7;height:auto;width:100%}.panel .card-title{bottom:3px;left:40px;transform:rotate(0deg)}}