body.rust h3 {
  color: #760A03;
  font-family: Verdana, Lucida, Sans-Serif;
  font-size: 8pt;
  text-align: center;
}

body.rust article {
  background-color: #DADADA;
  margin: 2em auto;
  width: 800px;
  max-width: 90vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1em;
  position: relative;
  padding-bottom: 100px;
  filter: drop-shadow(6px 6px var(--black));
}

body.rust article img.screw {
  display: none;
}

body.rust article p {
  width: 100%;
  text-align: left;
}

body.rust article img {
  display: block;
  margin: auto;
  max-width: 90%;
}

body.rust {
  background-color: var(--rust);
}

body.rust figure {
  margin: 1em -0.5em;
}

body.rust figure figcaption {
  color: var(--rust);
}

body.rust figure figcaption h4 {
  margin: 0 auto;
}

body.rust footer {
  background-color: var(--light);
}

@media screen and (min-width: 768px) {

  body.rust article img.screw {
    position: absolute;
    display: block;
  }

  body.rust article img#screw1,
  body.rust article img#screw2 {
    top: 20px;
  }

  body.rust article img#screw3,
  body.rust article img#screw4 {
    bottom: 20px;
  }

  body.rust article img#screw1,
  body.rust article img#screw3 {
    left: 20px;
  }

  body.rust article img#screw2,
  body.rust article img#screw4 {
    right: 20px;
  }

}