*{
  box-sizing: border-box;
}

body{
  margin: 0;
}

img{
  display: block;
  width: 100%;
}

.main-header__title{
   text-align: center;
   font-size: 2.49em;
   margin: 10px 0;
   color: #454546;
  }
  
.main-nav{
   display: none;
}

.main-header{
  padding: 0 20px;
  }

.main-header__container{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.icon-menu {
  font-size: 1.49em;
  border: 1px solid #454546;
  display: block;
  padding: 10px 20px;
  cursor: pointer;
}

.main-header__btn{
  display: block;
  padding: 10px 30px;
  color: #454546;
  border: 1px solid #454546;
  text-decoration: none;
}

.main-header__input{
  display: block;
  padding: 10px;
  }

.container-slider{
    margin: 49.9px 0;
    position: relative;
    overflow: hidden;
  }
  
.slider{
   display: flex;
   width: 300%;
   height: 499px;
   margin-left: -100%;
  } 

.slider__section{
   width: 100%;
  }
  
.slider__img{
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
  }  
  
.slider__btn {
   position: absolute;
   width: 40px;
   height: 40px;
   background: rgba(255, 255, 255, 0.7);
   top: 50%;
   transform: translateY(-50%);
   font-size: 30px;
   font-weight: bold;
   font-family: monospace;
   text-align: center;
   border-radius: 50%;
   cursor: pointer;
  }

.slider__btn:hover {
   background: #fff;
  }
  
.slider__btn--left{
   left: 10px;
  }  
  
.slider__btn--right{
  right: 10px;
  }