Не правильно отображаются иконки
не правильно отображаются иконки в браузере что не так не могу не как понять
ссылка на фото-https://vk.com/id548672926?z=photo548672926_457239100%2Falbum548672926_00%2Frev
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie-edge">
<title>Document</title>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap-reboot.min.css">
<link rel="stylesheet" href="css/bootstrap-grid.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<nav>
<div class="container">
<ul class="menu">
<li class="menu_item"><a href="#" class="menu_link">Главная</a></li>
<li class="menu_item"><a href="#" class="menu_link">Со своим автомобилем</a></li>
<li class="menu_item"><a href="#" class="menu_link">На автомобиле компании</a></li>
<li class="menu_item"><a href="#" class="menu_link">Требования</a></li>
<li class="menu_item"><a href="#" class="menu_link">Контакты</a></li>
<li class="menu_item"><a href="#" class="menu_link">Оставить заявку</a></li>
</ul>
</div>
</nav>
<div class="subheader">
<div class="container">
<div class="row">
<div class="col-md-4 offset-md-1">
<a href="#" class="subheader_logo"><img src="icons/uber777.png" alt="777"></a>
<div class="subheader_ahe">Официальный партнер Uber в Москве</div>
</div>
<div class="col-md-2 offset-md-2">
<div class="subheader_call">Звоните нам ежедневно</div>
<a href="tel:84957970988" class="subheader_phone">8 495 797 09 88</a>
</div>
<div class="col-md-2">
<button class="subheader_btn">заказать звонок</button>
</div>
</div>
</div>
</div>
</header>
<section class="promo">
<div class="container">
<div class="row">
<div class="col-md-10 offset-md-1">
<h1 class="promo_header">
КОМПАНИЯ UBER PARTNERS!</h1>
<h2 class="promo_subheader">ПРИГЛАШАЕМ ВОДИТЕЛЕЙ! НА СВОЕМ АВТО!</h2>
<div class="promo_descr">Компания UBER динамически развивающаяся. Компания на рынке занимает лидирующее место среди
таксомоторных компаний, Компания абсолютно прозрачная вы можете контролировать все процессы у себя в личном кабинете. Бонуcная система.Помимо выполненной работы по заказам, компания начисляет бонусы за
пиковое время.
<br><br>
Мы одни из партнеров и зарекомендовали себя как одна из лучших команд в городе Москве. Водители у нас
зарабатывают от 80000- 120000 в месяц.</div>
<button class="promo_btn">ОТПРАВИТЬ ЗАЯВКУ!</button>
</div>
</div>
</div>
</section>
<section class="reasons">
<div class="container">
<div class="label">преимущества</div>
<h2 class="title">8 причин начать работать с нами</h2>
<div class="row">
<div class="col-md-6">
<div class="reasons_block">
<div class="reasons_round">
<img src="icons/1.png" alt="reason">
</div>
<div class="reasons_descr">
<div class="reasons_subtitle">Никаких наличных, оплата происходит автоматически</div>
<div class="reasons_text">
Стоимость поездки оплачивается пассажиром с привязанной банковской карты, т.е. нет никаких рисков связанных с перевозкой наличности как для пассажира, так и для водителя, Вам не нужно искать мелкие деньги для размена.
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="reasons_block">
<div class="reasons_round">
<img src="icons/2.png" alt="reason">
</div>
<div class="reasons_descr">
<div class="reasons_subtitle">Комиссия 8% + БОНУСЫ</div>
<div class="reasons_text">
У нас минимальная комиссия и мы выплачиваем бонусы за каждую поездку, некоторые наши конкуренты оставляют бонусы себе. Мы работаем честно и с нами водители зарабатывают больше!
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="reasons_block">
<div class="reasons_round">
<img src="icons/3.png" alt="reason">
</div>
<div class="reasons_descr">
<div class="reasons_subtitle">Высокий доход с гарантированными выплатами</div>
<div class="reasons_text">
Мы выплачиваем заработную плату на личную банковскую карту водителя! Вам не нужно оформлять ООО, ИП, платить налоги, подавать декларацию, оплачивать бухгалтерские услуги и ведение банковского счета.
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="reasons_block">
<div class="reasons_round">
<img src="icons/4.png" alt="reason">
</div>
<div class="reasons_descr">
<div class="reasons_subtitle">Работа в удобное время, никаких графиков</div>
<div class="reasons_text">
Вы просто нажимаете кнопку выйти на линию для начала работы, когда решите закончить, нажимаете выйти с линии. Вы можете подрабатывать только утром, вечером, в выходные или праздничные дни!
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="reasons_block">
<div class="reasons_round">
<img src="icons/5.png" alt="reason">
</div>
<div class="reasons_descr">
<div class="reasons_subtitle">Комфортное, прозрачное и простое подключение</div>
<div class="reasons_text">
Мы подключаем дистанционно и бесплатно, Вам нет необходимости приезжать к нам! Вы присылаете нам копии документов, мы регистрируем Вас и присылаем данные для подключения, через 1-2 дня Вы можете начинать работать!
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="reasons_block">
<div class="reasons_round">
<img src="icons/6.png" alt="reason">
</div>
<div class="reasons_descr">
<div class="reasons_subtitle">Всегда большое количество заказов</div>
<div class="reasons_text">
Приложение показывает, где на данный момент больше всего заказов и где действуют повышенные тарифы. У Вас не будет простоя и холостых пробегов. Наши пассажиры всегда приятные и абсолютно неконфликтные люди, которых приятно возить.
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="reasons_block">
<div class="reasons_round">
<img src="icons/7.png" alt="reason">
</div>
<div class="reasons_descr">
<div class="reasons_subtitle">Круглосуточная поддержка</div>
<div class="reasons_text">
В Uber действует круглосуточная поддержка водителей по электронной почте. Если что-то непонятно, Вы всегда можете задать вопрос через On-line консультацию.
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="reasons_block">
<div class="reasons_round">
<img src="icons/8.png" alt="reason">
</div>
<div class="reasons_descr">
<div class="reasons_subtitle">Без шашечек и наклеек</div>
<div class="reasons_text">
Вам не нужно менять цвет, устанавливать «шашки» на автомобиль и обклеивать его наклейками.
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="mobile">
<div class="container">
<div class="label">возможности</div>
<div class="title">мобильное приложение убер</div>
<div class="subtitle">Сделайте заказ, совершите поездку и оплатите ее стоимость, используя свой мобильный телефон</div>
<div class="row">
<div class="col-md-4">
<div class="mobile_item mobile_item_1">
<div class="mobile_item_subtitle">оформление заказа одним касанием</div>
<div class="mobile_item_plus"><img src="icons/+.png" alt="plas"></div>
</div>
</div>
<div class="col-md-4">
<div class="mobili_item mobile_item_2">
<div class="mobile_item_subtitle">надежная подача</div>
<div class="mobile_item_plus"><img src="icons/+.png" alt="plas"></div>
</div>
</div>
<div class="col-md-4">
<div class="mobili_item mobile_item_3">
<div class="mobile_item_subtitle">прозрачные цены</div>
<div class="mobile_item_plus"><img src="icons/+.png" alt=""></div>
</div>
</div>
<div class="col-md-4">
<div class="mobili_item mobile_item_4">
<div class="mobile_item_subtitle">безналичная оплата</div>
<div class="mobile_item_plus"><img src="icons/+.png" alt=""></div>
</div>
</div>
<div class="col-md-4">
<div class="mobili_item mobile_item_5">
<div class="mobile_item_subtitle">обратная связь</div>
<div class="mobile_item_plus"><img src="icons/+.png" alt=""></div>
</div>
</div>
<div class="col-md-4">
<div class="mobili_item mobile_item_6">
<div class="mobile_item_subtitle">разделить
стоимость поездки</div>
<div class="mobile_item_plus"><img src="icons/+.png" alt=""></div>
</div>
</div>
</div>
</div>
</section>
</body>
</html>
---SASS---
*
font-family: 'Roboto', sans-serif
header
position: relative
nav
height: 30px
background-color: #212121
.menu
display: flex
justify-content: space-between
padding: 3px 70px
margin: 0
list-style-type: none
.menu_link
font-size: 13px
font-weight: 300
color: #ffffff
.menu_item
border-right: 3px dotted black
padding-right: 35px
.subheader
position: absolute
width: 100%
height: 84px
background-color: rgba(0, 0, 0, 0.6)
.subheader_logo
display: block
max-width: 100%
margin-top: 16px
.subheader_ahe
margin-top: 6px
opacity: 0.5
font-size: 14px
font-weight: 400
font-stretch: normal
font-style: normal
letter-spacing: normal
text-align: left
color: rgba(255, 255, 255, 0.5)
.subheader_call
margin-top: 11.5px
font-size: 14px
font-weight: 300
font-stretch: normal
font-style: normal
letter-spacing: normal
text-align: right
color: #ffffff
.subheader_phone
display: block
margin-top: 5px
height: 10px
font-size: 22px
font-weight: normal
font-stretch: normal
font-style: normal
letter-spacing: normal
/* text-align: center;
text-align: right
color: #ffffff
.subheader .subheader_btn
margin-top: 19px
width: 170px
height: 45px
box-shadow: inset 0px -1.5px 0 0 rgba(0, 0, 0, 0.12)
border: none
border-radius: 8px
background-image: linear-gradient(to top, #1eacc7, #4ce2ff)
text-shadow: 0.4px 0.4px 0 rgba(0, 0, 0, 0.21)
font-size: 15px
font-weight: normal
font-stretch: normal
font-style: normal
letter-spacing: normal
text-align: center
color: #ffffff
text-transform: uppercase
.promo
min-height: 800px
background: url('../img/Fon_1.jpg') center (center / cover) no-repeat
padding: 150px 0 135px 0
.promo_header
/* margin-top: 33px;
font-weight: 700
text-transform: uppercase
font-size: 60px
color: #ffffff
line-height: 60px
margin: 0
text-align: center
.promo_subheader
font-size: 30px
font-weight: 900
line-height: 0.4
color: #ffffff
line-height: 36px
margin: 0
margin-top: 20px
text-align: center
.promo_descr
font-size: 15px
font-weight: normal
font-stretch: normal
font-style: normal
line-height: 1.33
letter-spacing: normal
text-align: center
color: #ffffff
margin-top: 11px
.promo_btn
display: block
margin: 118px auto 0 auto
width: 259.5px
height: 60.5px
box-shadow: inset 0px -2px 0 0 rgba(0, 0, 0, 0.12)
border: none
border-radius: 8px
background-image: linear-gradient(to top, #1eacc7, #4ce2ff)
text-shadow: 0.4px 0.4px 0 rgba(0, 0, 0, 0.21)
font-size: 18px
font-weight: normal
font-stretch: normal
font-style: normal
letter-spacing: normal
text-align: center
color: #ffffff
.reasons
padding: 71px 0 65px 0
.label
margin: 0 auto
height: 24px
width: 112px
padding: 5px 12px
background-color: #000000
color: #ffffff
font-size: 11px
font-weight: 300
text-transform: uppercase
text-align: center
.title
margin-bottom: 0
margin-top: 38px
color: #222222
font-size: 38px
font-weight: 700
text-transform: uppercase
text-align: center
.subtitle
margin-top: 19px
font-size: 17px
font-weight: normal
font-stretch: normal
font-style: normal
letter-spacing: normal
text-align: center
color: #222222
.reasons .reasons_block
display: flex
justify-content: center
align-items: center
margin-top: 35px
font-weight: 400
.reasons_round
display: flex
justify-content: center
align-items: center
margin-right: 26px
width: 113px
height: 113px
background-color: #1eacc7
border-radius: 100%
.reasons_descr
width: 343px
.reasons_subtitle
line-height: 21px
color: #1eacc7
font-size: 17px
font-weight: 400
.reasons_text
color: #202020
font-size: 15px
font-weight: 300
line-height: 21px
.mobile
min-height: 864px
padding: 48px 0 79px 0
background: url('../img/Fon_2.jpg') center (center / cover) no-repeat
.row
margin: 32px
&_item
position: relavity
width: 320px
height: 280px
margin: 0 auto
margin-bottom: 19px
padding-top: 92px
&_1
background: url('../img/icon_1.jpg') center (center / cover) no-repeat
&_2
background: url('../img/icon_2.jpg') center (center / cover) no-repeat
&_3
background: url('../img/icon_3.jpg') center (center / cover) no-repeat
&_4
background: url('../img/icon_4.jpg') center (center / cover) no-repeat
&_5
background: url('../img/icon_5.jpg') center (center / cover) no-repeat
&_6
background: url('../img/icon_6.jpg') center (center / cover) no-repeat
