@media screen and (min-width: 981px) { #Content { padding: 60px 0; max-width: none; display: flex; flex-direction: column; justify-content: space-between; } #Content H1 { margin-bottom: 50px; } #Content UL { display: flex; flex-wrap: wrap; margin: 0 50px; list-style-type: none; } #Content LI { flex-basis: 33.3%; box-sizing: border-box; position: relative; margin-bottom: 25px; padding: 25px; text-align: center; } #Content LI:before { position: absolute; display: block; left: calc(50% - 10px); top: 0; height: 20px; width: 20px; background: url(/i/icons.210255569.svg#check) no-repeat center; content: ""; } #Content H2 { order: 3; margin-top: 60px; font-size: 20px; font-weight: 500; text-align: center; } #Content H2 A { display: inline-block; position: relative; z-index: 10; margin-left: 10px; padding: 10px 15px; color: #FFF !important; white-space: nowrap; text-decoration: none; font-weight: 700; } #Content H2 A:before { position: absolute; z-index: -1; width: 100%; height: 100%; left: 0; top: 0; transform: skewX(-11.6deg); background: #C41230; content: ""; } #Content DIV { order: 2; flex-grow: 10; min-height: 400px; margin-top: 25px; background: url(service.jpg) no-repeat center; background-size: cover; } } @media screen and (max-width: 980px) { #Content { padding: 60px; padding-bottom: 0; font-size: 34px; } #Content UL { margin: 0 0 60px 50px; } #Content LI { position: relative; margin-bottom: 30px; list-style-type: none; } #Content LI:before { position: absolute; display: block; height: 30px; width: 30px; left: -50px; top: 7px; background: url(/i/icons.210255569.svg#check) no-repeat center; content: ""; } #Content DIV { height: 450px; margin: 0 -60px; background: url(one.jpg) no-repeat center; background-size: cover; } #Content H2 { font-size: 40px; font-weight: 500; text-align: center; } #Content H2 A { display: inline-block; position: relative; z-index: 10; margin: 20px 0 60px 0; padding: 20px 30px; font-weight: 500; color: #FFF !important; white-space: nowrap; text-decoration: none; font-weight: 700; } #Content H2 A:after { position: absolute; z-index: -1; width: 100%; height: 100%; left: 0; top: 0; transform: skewX(-11.6deg); background: #C41230; content: ""; } }