.case-study{overflow:hidden;padding:6em 0 8em}.case-study.max-container{max-width:90%}.case-study .content>div{display:none}.case-study .content>div.active{display:initial}.case-study .top{display:grid;grid-template-columns:1fr;justify-content:space-between}@media(min-width:1200px){.case-study .top{grid-template-columns:repeat(2,1fr)}}.case-study .top h2{margin:0}.case-study .top .filter{background-color:#eee;border-radius:5px;display:grid;grid-template-columns:repeat(3,1fr);justify-content:space-evenly;justify-self:end;margin-bottom:1em;position:relative}.case-study .top .filter button{background-color:transparent;border:none;font-family:proxima-nova,sans-serif;font-size:24px;height:40px;max-width:inherit;z-index:1}.case-study .top .filter button.active{background-color:#e0303b;color:#fff;font-weight:700}.case-study .top .filter button:hover{cursor:pointer}.case-study .content{margin-top:5em}.case-study .content .top-content{display:flex}.case-study .content .top-content .left{width:60%}.case-study .content .top-content .left p{font-family:roboto,sans-serif;font-weight:400;line-height:1.5em;max-width:400px}@media(min-width:1200px){.case-study .content .top-content .left p{max-width:inherit}}.case-study .content .top-content .right{display:flex;justify-content:center;width:40%}.case-study .content .top-content .right .tech-content{box-shadow:0 0 5px rgba(0,0,0,.1);display:flex;flex-wrap:wrap;justify-content:center;min-width:315px}.case-study .content .top-content .right .tech-content .tech-logo{align-items:center;display:flex;justify-content:center;width:33.33%}.case-study .content .top-content img.logo{margin-bottom:2em}.case-study .content .top-content p{font-size:20px}.case-study .content .top-content img+p{font-weight:600;margin-bottom:2.5em}.case-study .content .top-content .testimonial{font-style:italic;margin-bottom:1.5em}.case-study .content .bottom{align-items:center;display:flex;justify-content:center;margin-top:6em}.case-study .content .bottom img{max-width:70%}@media(max-width:1350px){.case-study .top{display:block}.case-study .top .filter{float:left;margin:2em 0 4em}.case-study .content{clear:both}}@media(max-width:601px){.case-study{padding:5em 0 8em}.case-study .top .filter button{font-size:18px;min-width:130px;width:130px}.case-study .top .filter .filter-color{width:130px}.case-study .content .top-content{flex-direction:column}.case-study .content .top-content .left{width:100%}.case-study .content .top-content .right{margin-top:3em;width:100%}.case-study .content .top-content .right .tech-content{padding:3em 0}.case-study .content .top-content .right .tech-logo{padding:1em}.case-study .content .bottom{margin-top:4em}}@media(max-width:415px){.case-study .top .filter button{font-size:14px;min-width:100px;width:100px}.case-study .top .filter .filter-color{width:100px}}