:root {
  --container-direction: column;
  --container-width: 640px;
}

.container-tutoriais .container-videos {
  flex-direction: var(--container-direction);
}
.container-tutoriais .container-videos .content-video {
  max-width: 440px;
}
.container-tutoriais .container-videos .content-video .title-small {
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 320px;
}

@media screen and (min-width: 839px) {
  :root {
    --container-direction: row;
  }
  .container-videos {
    width: var(--container-width);
    padding-bottom: 16px;
    overflow-x: scroll;
  }
}
@media screen and (min-width: 959px) {
  :root {
    --container-width: 720px;
  }
}
@media screen and (min-width: 1023px) {
  :root {
    --container-width: 820px;
  }
}
@media screen and (min-width: 1240px) {
  :root {
    --container-width: 960px;
  }
}
@media screen and (min-width: 1379px) {
  :root {
    --container-width: 1240px;
  }
}

/*# sourceMappingURL=tutoriais.css.map */