/**
 * @file
 * Collapsible details.
 *
 * @see collapse.js
 * @see http://nicolasgallagher.com/css-background-image-hacks/
 */
.l-wrapper {
  max-width: 1024px;
  margin: 0 auto; }

details {
  border: 0;
  margin-top: 1em;
  margin-bottom: 1em; }
  details summary {
    color: #000; }
    details summary:focus {
      outline: none; }

details > .details-wrapper {
  padding: 0.5em 1.5em; }

/* @todo Regression: The summary of uncollapsible details are no longer
     vertically aligned with the .details-wrapper in browsers without native
     details support. */
summary {
  cursor: pointer;
  padding: 0.2em 0.5em; }

@media (max-width: 550px) {
  .image-scale {
    width: 100%; } }

@media (max-width: 700px) {
  .image-scale {
    width: 40%; } }

@media (max-width: 960px) {
  .image-scale {
    width: 40%; } }

@media (min-width: 1024px) {
  .image-scale {
    width: 100%; } }

/*# sourceMappingURL=../components/details.css.map */