.div-grid-fourcol {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; 
}
.div-grid-fourcol > div {
border-top: 12px solid #ffe600;
padding: 15px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: rgba(0, 0, 0, 0.15);
-webkit-transition: all 0.4s;
transition: all 0.4s;
position: relative; 
}
.div-grid-fourcol div {
background: #4e4e4e; }
.div-grid-fourcol div:nth-child(2) {
background: #787878; }
.div-grid-fourcol div:nth-child(3) {
background: #4e4e4e; }
.div-grid-fourcol div:nth-child(4) {
background: #787878; }
.div-grid-fourcol.light div *,
.div-grid-fourcol.light div a {
color: #fff; }
.fullwidth svg {
width: 100%;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
}
.div-grid-fourcol > div:after {
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
content: '';
background: url("http://cdn.ey.com/echannel/gl/en/industries/consumer-products/balance/img/arrow.svg") right bottom no-repeat;
background-size: cover;
display: block;
position: absolute;
bottom: 20px;
right: 20px;
width: 20px;
height: 20px;
opacity: 0.2; }
.div-grid-fourcol > div:hover {
-webkit-transform: scale(1.1) translateY(-5%);
transform: scale(1.1) translateY(-5%); }
.div-grid-fourcol > div:hover:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
fill: #ffe600;
opacity: 0.6; }
.div-grid-fourcol > div {
/*margin: 0 10px;*/
width: 23%; }
.div-grid-fourcol > div:nth-child(6) {
margin-left: 0; }
.no-flexbox .div-grid-fourcol > div {
float: left; }
.div-grid-fourcol {
padding-left: 0 !important;
margin: 20px 0; 
}
.div-grid-fourcol > div + div {
margin-left: 2%; }
.no-flexbox .div-grid-fourcol > div + div {
float: left; }
@media (max-width: 768px) {
.div-grid-fourcol > div {
width: 48%; }
}
@media (max-width: 480px) {
.div-grid-fourcol > div {
width: 100%; }
}