body {
  margin: 0;
  padding: 0; }

#homepage {
  background: #d1c7b8; }
  #homepage svg {
    width: 100%;
    max-width: 100%;
    height: auto; }

#fit > div,
#healthy > div,
#easy > div,
#delicious > div,
#getting-to-cook-and-live-too > div,
#shopping-list-a > div,
#shopping-list-b > div {
  position: relative; }
#fit svg,
#healthy svg,
#easy svg,
#delicious svg,
#getting-to-cook-and-live-too svg,
#shopping-list-a svg,
#shopping-list-b svg {
  width: 100%;
  max-width: 100%; }
#fit img,
#healthy img,
#easy img,
#delicious img,
#getting-to-cook-and-live-too img,
#shopping-list-a img,
#shopping-list-b img {
  max-width: 100%;
  width: 100%; }

.marker {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 100px;
  opacity: 0;
  z-index: 999; }

#diet {
  text-align: center; }
  #diet svg {
    width: 100%;
    max-width: 100%; }
  #diet img {
    max-width: 100%;
    margin: auto; }

#homepage-fit {
  cursor: pointer; }
  #homepage-fit:hover {
    fill: rgba(231, 76, 60, 0.5); }

#homepage-healthy {
  cursor: pointer; }
  #homepage-healthy:hover {
    fill: rgba(241, 196, 15, 0.5); }

#homepage-easy {
  cursor: pointer; }
  #homepage-easy:hover {
    fill: rgba(52, 152, 219, 0.5); }

#homepage-delicious {
  cursor: pointer; }
  #homepage-delicious:hover {
    fill: rgba(46, 204, 113, 0.5); }

.cursor {
  cursor: pointer; }

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