@media screen and (max-width: 50em) {
  .cell-quizzes div.views-field-title {
    font-size: 1em;
  }
}
@media screen and (min-width: 50em) {
  .cell-quizzes div.views-field-title {
    font-size: 1.5em;
  }
}

/*
h1 {
  color: #f00;
}
*/

div.main-container.container {
  max-width: 1000px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

h1 {
  font-size: xx-large;
  padding: 0.5rem 1rem;
  margin-top: 1rem !important;
  margin-bottom: 0.5rem !important;
  border: none !important;
  border-left: 15px solid deepskyblue !important;
}

h2.math100-quiz-title {
  border-left: 1.5rem deepskyblue solid;
  padding: 1rem 0 1rem 1.5rem;
}

div.view-math100-matrix {
  margin-bottom: 1em;
}

div.cell-quizzes {
  border: 1px solid #000;
  margin: 0.25em;
  border-radius: 0.5em;
  text-align: center;
}

.cell-quizzes div.views-field-title {
  display: table;
  width: 100%;
  height: 3.0em;
}
.cell-quizzes div.views-field-title a {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  padding: 0 0.25em;
}

.cell-quizzes .hidden {
  display: none;
}

.cell-quizzes div.quiz-memo {
  text-align: left;
  height: 1.5em;
  overflow: hidden;
  margin: 0.25em 0.5em 0em 0.5em;
  font-family: sans-serif;
  background: linear-gradient(to bottom, #224, #224 60%, #2240);
  color: rgba(0,0,0,1.0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}