.values,.values-hover{font-size:32px;font-weight:700!important;color:#fff;padding:0 10% 10%}.outer-content{position:absolute;top:50%;width:100%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.hover-content p{font-size:16px;padding:0 10% 10%}.gp{display:flex;height:80vh;margin:10vh 2% 20%}.col4{flex:0 0 auto;width:25%}.box-content{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;text-align:center}.about>img{opacity:0}.about.is-loaded{filter:brightness(.9)!important;transition:filter .4s}.values-hover{color:#3f3f3f!important;margin-top:5%!important}.hover-content p{margin-top:10%!important}.hover-content{opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:opacity .5s ease;-moz-transition:opacity .5s ease;-ms-transition:opacity .5s ease;-o-transition:opacity .5s ease;transition:opacity .5s ease}.about:hover .box-content{background:#fff}.box-content:hover .hover-content{display:block;opacity:1}.box-content:hover .hover-content p{-webkit-transform:translateY(-60px);-moz-transform:translateY(-60px);-ms-transform:translateY(-60px);-o-transform:translateY(-60px);transform:translateY(-60px)}.box-content:hover .hover-content h4{-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}.box-content:hover .outer-content{display:none}.about{position:relative;background-size:cover;background-position:50%}@media screen and (max-width:800px){.gp{display:grid;grid-template-columns:2fr 2fr;height:120vh!important}.col4{width:100%}}@media screen and (max-width:600px){.gp{display:flex!important;flex-wrap:wrap!important;height:200vh!important}}@media screen and (max-width:540px){.gp{margin-top:100%!important}.values,.values-hover{font-size:26px!important}.values-hover{margin-top:5%!important}}@media screen and (min-width:1600px){.values{font-size:42px!important}.hover-content p{font-size:24px!important}}