@media (max-width: 980px) {
  .title {
    font-size: 40px;
    text-align: center;
  }

  .container .characteres-options {
    max-width: 330px;
  }

  .container .characteres-options .character {
    width: 80px;
    height: 80px;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  main {
    padding: 0 5px;
    justify-content: start;
  }

  .container .character-big {
    display: none;
  }
}

@media (max-width: 360px) {
  .title {
    font-size: 35px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 60px;
  }

}