table {
  width: 100%;
}

#memory-table th {
  text-align: center;
  vertical-align: middle;
}

#memory-table td {
  text-align: center;
  vertical-align: middle;
}

.panel-block > .field {
  width: 100%;
}

.field:not(:last-child) {
  margin-bottom: 0.75rem;
}

@media screen and (min-width: 361px), print {
  .field.is-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.field-label .label {
  font-size: inherit;
}

@media screen and (max-width: 360px) {
  .field-label {
    margin-bottom: 0.5rem;
  }
}

@media screen and (min-width: 361px), print {
  .field-label {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 1.5rem;
    text-align: right;
  }
  .field-label.is-small {
    font-size: 0.75rem;
    padding-top: 0.375em;
  }
  .field-label.is-normal {
    padding-top: 0.375em;
  }
  .field-label.is-medium {
    font-size: 1.25rem;
    padding-top: 0.375em;
  }
  .field-label.is-large {
    font-size: 1.5rem;
    padding-top: 0.375em;
  }
}

@media screen and (min-width: 361px), print {
  .field-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 5;
        -ms-flex-positive: 5;
            flex-grow: 5;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .field-body .field {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .field-body .field:not(.is-narrow) {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .field-body .field:not(:last-child) {
    margin-bottom: 0;
    margin-right: 0.75rem;
  }
}
