h1 {
  line-height: 2.88rem;
  margin-top: 1.44rem;
  margin-bottom: 4.32rem; }

h2 {
  line-height: 2.16rem;
  margin-top: 2.88rem;
  margin-bottom: 1.44rem; }

h3 {
  line-height: 2.16rem;
  margin-top: 2.88rem;
  margin-bottom: 1.44rem; }

h4 {
  line-height: 1.44rem;
  margin-top: 1.44rem;
  margin-bottom: 1.44rem; }

h5 {
  line-height: 1.44rem;
  margin-top: 0rem;
  margin-bottom: 1.44rem; }

h6 {
  line-height: 1.44rem;
  margin-top: 0rem;
  margin-bottom: 1.44rem; }

p {
  line-height: 1.44rem;
  margin-top: 0rem;
  margin-bottom: 1.44rem; }

ol {
  line-height: 1.44rem;
  margin-top: 0rem;
  margin-bottom: 1.44rem; }

ul {
  line-height: 1.44rem;
  margin-top: 0rem;
  margin-bottom: 1.44rem; }

figure {
  line-height: 1.44rem;
  margin-top: 0rem;
  margin-bottom: 1.44rem; }

figcaption {
  line-height: 1.44rem;
  margin-top: 0.72rem;
  margin-bottom: 0.72rem; }

* {
  box-sizing: border-box; }

html {
  font-size: 130%; }

@media (max-width: 877px) {
  html {
    font-size: 113.1%; } }
body {
  background: red;
  background-image: linear-gradient(red, yellow, blue);
  color: #556;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  letter-spacing: 0.02em;
  margin: 3rem 8vw 12rem; }

@media (max-width: 1477px) {
  body {
    margin: 1rem; } }
@media (max-width: 555px) {
  body {
    margin: 3px; } }
a {
  color: blue;
  text-decoration: none; }

h1 {
  font-size: 3rem; }

h2 {
  font-size: 2.33rem; }

h3 {
  font-size: 1.66rem; }

h4 {
  border-bottom: 1px solid #edd;
  color: #889;
  font-size: 1.33rem;
  padding-bottom: 0.36rem; }

h5, h6 {
  color: #99a;
  font-size: 1rem; }

h1, h2, h3, h4, h5, h6 {
  letter-spacing: -0.05rem; }

li {
  margin-bottom: 0.72rem;
  padding-left: 4px; }

ol, ul {
  padding-left: 1em; }

table {
  border-collapse: collapse;
  font-family: "Times New Roman", Times, serif;
  font-size: 0.88rem;
  width: 100%; }

td {
  border-bottom: 1px solid #aba;
  border-right: 1px solid #cdc;
  font-style: italic;
  overflow: hidden;
  padding: 0.5rem;
  vertical-align: top;
  word-wrap: break-word; }

tr td:first-of-type {
  font-style: normal; }

tr td:last-of-type {
  border-right: none; }

tr:last-of-type td {
  border-bottom: none; }

.vag-authorinfo {
  font-size: 0.88rem;
  font-style: italic; }

.vag--clicktosee {
  /*https://thenounproject.com/search/?q=eye&i=3256680*/
  /*background: #cddede url("img/noun_Eye_3256680.png") center no-repeat;
  background-size: 66px;*/
  background-color: #cddede;
  cursor: pointer;
  transition: 0.6s background-color; }

@media (max-width: 877px) {
  .vag--clicktosee {
    background: transparent;
    cursor: default; } }
.vag--clicktosee::before {
  color: #eee;
  content: "Click to see";
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  position: absolute; }

@media (max-width: 877px) {
  .vag--clicktosee::before {
    display: none;
    position: static; } }
.vag--clicktosee * {
  opacity: 0; }

@media (max-width: 877px) {
  .vag--clicktosee * {
    opacity: 1; } }
.vag--clicktosee:hover::before {
  content: ""; }

.vag--clicktosee:hover {
  background: white; }

.vag--clicktosee:hover * {
  opacity: 1; }

.vag--clicktosee-clicked {
  background-color: white;
  background-image: none; }

.vag--clicktosee-clicked::before {
  content: ""; }

.vag--clicktosee-clicked * {
  opacity: 1; }

.vag-figure {
  border: 1px dotted #b0e3e2;
  display: block;
  font-family: "Times New Roman", Times, serif;
  padding: 1em 1em 0.66em;
  padding: 0.96rem;
  margin-left: 0;
  margin-right: 0; }

.vag-figure h6 {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

.vag-figure__title {
  font-weight: normal; }

.vag-figure img,
.vag-figure video {
  max-width: 100%; }

.vag-figure iframe {
  min-height: 27vw;
  width: 100%; }

.vag-footer__nav {
  margin: 2rem 0 4rem; }

.vag-footer__nav a {
  display: block;
  font-weight: bold;
  margin-bottom: 0.5rem;
  text-decoration: none; }

.vag-footer__nav a:first-of-type {
  color: #dde; }

.vag-grid {
  background: white;
  border: 1px solid black;
  border-radius: 3px;
  display: grid;
  grid-column-gap: 1.44rem;
  grid-row-gap: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding: 3rem 5rem 9rem; }

@media (max-width: 555px) {
  .vag-grid {
    padding: 1rem; } }
.vag-grid__cell1 {
  background: pink;
  grid-column: span 1; }

.vag-grid__cell2 {
  background: cornsilk;
  grid-column: span 2; }

.vag-grid__cell3 {
  background: honeydew;
  grid-column: span 3; }

.vag-grid__cell4 {
  background: azure;
  grid-column: span 4; }

@media (max-width: 1277px) {
  .vag-grid__cell1 {
    grid-column: span 2; } }
@media (max-width: 999px) {
  .vag-grid__cell1 {
    grid-column: span 3; }

  .vag-grid__cell2 {
    grid-column: span 4; } }
@media (max-width: 877px) {
  .vag-grid__cell1 {
    grid-column: span 4; }

  .vag-grid__cell3 {
    grid-column: span 4; } }
.vag-grid__cell--margin-top {
  margin-top: 2.88rem; }

div[class^=vag-grid__cell] {
  background: white; }

.vag-grid__cell-thing--first-in-cell {
  margin-top: 0; }

.vag-listtable {
  list-style: none;
  margin: 0;
  padding: 0; }

.vag-listtable li {
  clear: left;
  margin-bottom: 1rem;
  overflow: auto; }

.vag-listtable__figure {
  display: block;
  float: left;
  margin: 0 1rem 0 0; }

.vag-listtable__figure img {
  width: 122px; }

.vag-teaser {
  color: #4a4737;
  font-size: 1.222rem;
  font-weight: bold; }

.va-tips {
  border: 4px solid #def4da;
  color: #acbda9;
  padding: 1em; }

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