/*
 * Globals
 */

* {font-family: "Roboto", sans-serif}

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
  text-decoration: none;
}

/*
 * Base structure
 */

body {
  background: rgba(204,204,204, 0.2);

  font-size: 16px;
}


a {
  background-color: #FFFFFF;

  display: block;

  margin: 0 auto;
  margin-bottom: 0.5rem;

  box-shadow: 0 0 1.5rem rgba(0,0,0,0.5);
}

a {
  width: 50rem;
  min-height: 92rem;
}

a img {
  width: 100%;
}

@media (max-width: 880px) {
  a {
    width: 44rem;
    min-height: 80rem;
  }
}

@media (max-width: 800px) {
  a {
    width: 30rem;
    min-height: 50rem;
  }
}


@media (max-width: 502px) {
  a {
    width: 24rem;
    min-height: 44rem;
  }
}


@media (max-width: 400px) {
  a {
    width: 22rem;
    min-height: 40rem;
  }
}

@media (max-width: 362px) {
  a {
    width: 20rem;
    min-height: 38rem;
  }
}


@media print {
  body, a {
    margin: 0;
    box-shadow: none;
  }
}