.menu{

&-list{
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  height: 80%;
}
&-item{
  @include breakpoint(computers){
    margin: 15px;
    padding: 20px;
    display: flex;
    justify-content: flex-start;
  }
  @include breakpoint(mobile){
    margin: 5px;
    padding: 5px;
    display: flex;
    justify-content: flex-start;
  }
}
&-link{
  @include breakpoint(computers){
    font-size: 30px;
  }
  @include breakpoint(mobile){
    font-size: 15px;
  }
}

}