@media (max-width: 1490px), (max-height: 800px) {
  .article .annotation .header {
    margin-bottom: 51.49998px;
    flex-wrap: wrap;
    row-gap: 42.91665px; }
  .article .annotation .annotation-layout .annotation-image {
    margin-right: 75.5835px;
    padding-top: 25.74999px; }
  .article .annotation .annotation-layout .annotation-info > :first-child {
    margin-top: 25.74999px; }
  .article .annotation .annotation-layout .annotation-info h2 {
    margin-top: 42.91665px; }
  .article .annotation .annotation-layout .annotation-info ul li {
    padding-bottom: 21.45833px; }
  .article .annotation-link {
    margin-top: 34.33332px; }
    .article .annotation-link button {
      padding: 8.58333px 15.1167px; } }

@media (max-width: 836px) {
  .article .annotation .annotation-layout {
    flex-wrap: wrap; }
    .article .annotation .annotation-layout .annotation-image {
      width: 100%;
      margin: 0;
      padding-bottom: 45px;
      background: rgba(0, 0, 0, 0.85); }
    .article .annotation .annotation-layout .annotation-info {
      margin: 0 10px;
      max-width: 100%; }
  .article .annotation .annotation-link button {
    padding: 8px 10px; } }

/*# sourceMappingURL=annotation.mob.sass.css.map */