@import url("https://fonts.googleapis.com/css?family=Merienda|Open+Sans:300");
@import url("https://fonts.googleapis.com/css?family=Courgette");
body {
  font-family: "Merienda", sans-serif;
  font-weight: 400;
  font-size: 24px;
  margin: 0;
  width: 100%;
  background-image: url("../images/bg.png");
  background-repeat: repeat;
}

h1,
h2,
h3,
h4 {
  font-family: "Merienda", cursive;
}

h1 {
  font-size: 42px;
}

h2 {
  font-size: 32px;
  margin-top: 0;
}

.container {
  width: 100%;
}
.container .splash {
  height: 100vh;
  width: 100vw;
  overflow: auto;
  background-color: black;
  background-image: url("../images/maria-faglar-14.jpg");
  background-position: center center;
  background-size: cover;
}
.container .splash h1 {
  text-align: center;
  color: white;
  text-shadow: 0 0 70px black;
  margin-top: 1.5em;
}
.container .content {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-flow: row dense;
  width: 100%;
  box-sizing: border-box;
  margin-top: 20px;
}
@media only screen and (min-width: 640px) {
  .container .content {
    grid-template-columns: 1fr 1fr;
  }
}
.container .content .text {
  padding: 0.5em;
}
.container .content .image {
  width: 100%;
}
.container .content .image img {
  width: 100%;
}
.container .content .small-bird-in-cup {
  display: none;
  height: 100%;
}
@media only screen and (min-width: 1000px) {
  .container .content .small-bird-in-cup {
    display: unset;
    height: 100%;
    align-self: end;
  }
  .container .content .small-bird-in-cup img {
    height: 100%;
    object-fit: cover;
    object-position: 100% 50%;
  }
}
.container .content .woodpeckers {
  display: none;
  height: 100%;
}
@media only screen and (min-width: 640px) {
  .container .content .woodpeckers {
    display: unset;
  }
  .container .content .woodpeckers img {
    height: 100%;
    object-fit: cover;
    object-position: 0 50%;
  }
}
@media only screen and (min-width: 1000px) {
  .container .content .woodpeckers {
    grid-row: span 2;
  }
}
.container .content .maria-at-work {
  height: 100%;
}
@media only screen and (min-width: 640px) {
  .container .content .maria-at-work img {
    height: 100%;
    object-fit: cover;
    object-position: 100% 0%;
  }
}
@media only screen and (min-width: 900px) {
  .container .content .maria-at-work {
    grid-row: span 2;
  }
}
.container .content .blackbirds {
  display: none;
}
@media only screen and (min-width: 900px) {
  .container .content .blackbirds {
    display: unset;
    height: 100%;
    align-self: end;
  }
  .container .content .blackbirds img {
    height: 100%;
    object-fit: cover;
    object-position: 0% 0%;
  }
}
.container .content .jackdaw-drawer {
  grid-column: 1/-1;
}
@media only screen and (min-width: 640px) {
  .container .content .jackdaw-drawer {
    grid-column: 2/span 1;
  }
}
@media only screen and (min-width: 1000px) {
  .container .content .jackdaw-drawer {
    display: none;
  }
}
.container .content .jackdaw-drawer-wide {
  display: none;
}
@media only screen and (min-width: 1000px) {
  .container .content .jackdaw-drawer-wide {
    display: unset;
    grid-column: 2/span 1;
  }
}
.container .content .contact {
  grid-column: 1/-1;
}
@media only screen and (min-width: 640px) {
  .container .content .contact {
    grid-column: 1/span 1;
  }
}
.container .content .contact a {
  color: black;
  text-decoration: none;
}
.container .content .contact a:hover {
  text-decoration: underline;
}

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