/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button, input, select {
  margin: 0;
}

html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

img, video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

@font-face {
  font-family: "Graphik_Regular";
  src: url("fonts/graphik_regular/graphikregular-webfont.woff2") format("woff2"), url("fonts/graphik_regular/graphikregular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Goudy Old Style";
  src: url("fonts/gould_old_style/goudosb-webfont.woff2") format("woff2"), url("fonts/gould_old_style/goudosb-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
body {
  background-color: #020202;
  color: #FFF;
  background-image: url("assets/images/bg.jpg");
  background-position: right top;
  background-repeat: no-repeat;
}

header {
  display: flex;
  padding: 1rem 6rem;
  width: 100vw;
  justify-content: space-between;
}
header > h1 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-content: center;
}
header > h1 > a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-family: "Graphik_Regular", "Arial", sans-serif;
  font-weight: 600;
  font-size: 0.75vw;
  text-transform: uppercase;
  letter-spacing: 0.05vw;
  line-height: 1.2;
  text-decoration: none;
  outline: none;
  color: #FFF;
}
header > h1 > a img {
  width: 60px;
  height: 60px;
  margin-right: 1rem;
}

.zinzolin__container {
  margin: 1rem;
}
.zinzolin__container > figure {
  padding: 0 5rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 3rem 0 5rem 0;
}
.zinzolin__container > figure > iframe {
  display: flex;
  flex-direction: column;
}
.zinzolin__container > figure > figcaption {
  padding-left: 10rem;
}
.zinzolin__container > figure > figcaption > p {
  font-size: 1.125rem;
  line-height: 1.55;
  font-family: "Goudy Old Style", Garamond, serif;
  font-weight: 400;
  margin-bottom: 1rem;
  text-shadow: 0 0 0.75em rgba(0, 0, 0, 0.6);
}
.zinzolin__videos {
  padding: 1rem 5rem;
  display: flex;
  justify-content: space-between;
}
.zinzolin__videos > iframe {
  filter: grayscale(100%);
  transition: all 0.2s ease-in-out;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
.zinzolin__videos > iframe:hover {
  filter: grayscale(0);
}

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