<section class="wrapper service">
<div class="container">
<h2 class="heading-2">services</h2>
<p class="heading-2-sub">Proin iaculis purus consequat sem cure.</p>
<div class="service__list">
<div class="service__item item-ecommerce">
<h3 class="heading-3 service__name">E-Commerce</h3>
<p class="service__description">
Proin iaculis purus consequat sem cure <br> digni ssim. Donec porttitora entum suscipit <br> aenean rhoncus posuere odio in tincidunt.
</p>
</div>
<div class="service__item item-web">
<h3 class="heading-3 service__name">Responsive Web</h3>
<p class="service__description">
Proin iaculis purus consequat sem cure <br> digni ssim. Donec porttitora entum suscipit <br> aenean rhoncus posuere odio in tincidunt.
</p>
</div>
<div class="service__item item-security">
<h3 class="heading-3 service__name">Web Security</h3>
<p class="service__description">
Proin iaculis purus consequat sem cure <br> digni ssim. Donec porttitora entum suscipit <br> aenean rhoncus posuere odio in tincidunt.
</p>
</div>
</div>
</div>
</section>.wrapper {
margin-top: 120px;
margin-bottom: 120px; }
.heading-2 {
font: 700 40px "Montserrat", sans-serif;
color: #222222;
text-transform: uppercase;
letter-spacing: -1px;
margin-bottom: 20px; }
.heading-2-sub {
font: 16px "Droid Serif", sans-serif;
color: #767676;
margin-bottom: 80px; }
.service__list {
display: flex;
justify-content: space-between; }
.service__description {
font: 14px "RobotoSlab", sans-serif;
color: #777777;
letter-spacing: -0.35px; }
.heading-3 {
font: 700 18px "Montserrat", sans-serif;
color: #222222;
letter-spacing: -0.45px;
margin-bottom: 20px;
margin-top: 25px; }
.item-ecommerce::before {
content: "";
background: url(/img/Icon-Basket.png) no-repeat 15px;
display: block;
margin: auto;
width: 70px;
height: 70px;
border: 4px solid #f2d048;
border-radius: 50px;
opacity: .8; }
.item-web::before {
content: "";
background: url(/img/Icon-Laptop.png) no-repeat 15px;
display: block;
margin: auto;
width: 70px;
height: 70px;
border: 4px solid #f2d048;
border-radius: 50px;
opacity: .8; }
.item-web::before {
content: "";
background: url(/img/Icon-Locked.png) no-repeat 15px;
display: block;
margin: auto;
width: 70px;
height: 70px;
border: 4px solid #f2d048;
border-radius: 50px;
opacity: .8; }