body {
  margin: 0;
  font-family: TTLakes;
  background-color: #F8F8F8;
  font-weight:300;
  font-size: 14px;
  width:100%;
  
}
.container {
  display: flex;
  flex-wrap: wrap;
  
}

.title {
    display:flex;
    justify-content: space-between;
}
/*Сброс стилей для кнопок*/
button {
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
}

a {
    all: unset;
}

h1 {
  font-size:28px;
  font-weight: 700;
}


.header-nav {
  display:flex;
  align-items:center;
  column-gap:20px;
  
}

.header-nav__right-menu {
  display:flex;
  margin-left:auto;
  margin-right:1em;
  align-items:center;
  column-gap:0.7em;
}

.header-nav__left-menu {
  display:flex;
  margin-left:1em;
  align-items:center;
  column-gap:0.7em;
}

.desktop-nav {
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:16px;
  }

.desktop-nav__title {
  display:flex;
  column-gap:20px;
  
}

.desktop-nav__title::before {
  content: url("./icons/highlight.png");
}




.desktop-nav__menu {
  display:flex;
  column-gap:20px;
  margin-right:1.5em;
  
}

.desktop-nav__button {
  display:flex;
  column-gap:20px;
  align-items: center;
  font-weight: 500;
}

.side-menu__item {
  padding:10px 15px;
  font-size:16px;
  border:2px solid #F8F8F8;
  border-radius:5px;
}


.about {
  padding-left:0;
  
}

.about__read-more-button::before {
  content: url("./icons/icon.png");
}

.about__read-more-button {
  display:flex;
  column-gap:15%;
  white-space:nowrap;
}

.about__read-more {
  display:flex;
  padding-left:1em;
  
  
}

.main-container {
  display:flex;
  width:100%;
  padding-top:2em;
}

.about,
.pic-container {
  width:50%;
}

.pic-container {
  margin-right:1em;
}

.about__read-more-button--font--medium {
  font-weight: 500;
}

.header-nav__item--burger {
background-image: url("./icons/burger.png");
}

.header-nav__item--divider-left,
.header-nav__item--divider-right {
background-image: url("./icons/divider.png");
width:2px;
height:32px;
}

.header-nav__item--group {
background-image: url("./icons/group.png");
width:96px;
height:51px;
}

.header-nav__item--call {
background-image: url("./icons/call.png");
}

.header-nav__item--chat {
background-image: url("./icons/chat.png");
}

.header-nav__item--profile {
background-image: url("./icons/profile.png");
}

.header-nav__item--repair {
background-image: url("./icons/repair.png");
}

.header-nav__item--checkstatus {
background-image: url("./icons/checkstatus.png");
}

.icon-size {
width:40px;
height:40px;  
}