@font-face {
  font-family: "Haskoy";
  font-weight: 700;
  font-style: normal;
  src: url("https://freight.cargo.site/m/D2888932759929415273744048959967/Haskoy-ExtraBold.woff2") format("woff2");
}

@font-face {
  font-family: "Haskoy";
  font-weight: 300;
  font-style: italic;
  src: url("https://files.cargocollective.com/c3506341/Haskoy-ThinItalic.woff2") format("woff2");
}

@font-face {
  font-family: "Haskoy";
  font-weight: 700;
  font-style: italic;
  src: url("https://freight.cargo.site/m/N2888932759910968529670339408351/Haskoy-BoldItalic.woff2") format("woff2");
}

@font-face {
  font-family: "Haskoy";
  font-weight: 100;
  font-style: normal;
  src: url("https://freight.cargo.site/m/I2888932760224563178923401785823/Haskoy-ExtraLight.woff2") format("woff2");
}

@font-face {
  font-family: "Haskoy";
  font-weight: 100;
  font-style: italic;
  src: url("https://freight.cargo.site/m/I2888932760243009922997111337439/Haskoy-ExtraLightItalic.woff2") format("woff2");
}

@font-face {
  font-family: "Haskoy";
  font-weight: 400;
  font-style: normal;
  src: url("https://freight.cargo.site/m/F2888932760353690387439368647135/Haskoy-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Haskoy";
  font-weight: 200;
  font-style: normal;
  src: url("https://freight.cargo.site/m/Y2888932760279903411144530440671/Haskoy-Light.woff2") format("woff2");
}

@font-face {
  font-family: "Haskoy";
  font-weight: 600;
  font-style: italic;
  src: url("https://freight.cargo.site/m/C2888932760390583875586787750367/Haskoy-SemiBoldItalic.woff2") format("woff2");
}

@font-face {
  font-family: "Haskoy";
  font-weight: 300;
  font-style: normal;
  src: url("https://files.cargocollective.com/c3506341/Haskoy-Thin.woff2") format("woff2");
}

@font-face {
  font-family: "Haskoy";
  font-weight: 500;
  font-style: italic;
  src: url("https://freight.cargo.site/m/R2888932760335243643365659095519/Haskoy-MediumItalic.woff2") format("woff2");
}

@font-face {
  font-family: "Haskoy";
  font-weight: 700;
  font-style: normal;
  src: url("https://files.cargocollective.com/c3506341/Haskoy-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "Haskoy";
  font-weight: 400;
  font-style: italic;
  src: url("https://freight.cargo.site/m/F2888932760261456667070820889055/Haskoy-Italic.woff2") format("woff2");
}

@font-face {
  font-family: "Haskoy";
  font-weight: 600;
  font-style: normal;
  src: url("https://files.cargocollective.com/c3506341/Haskoy-SemiBold.woff2") format("woff2");
}

@font-face {
  font-family: "Haskoy";
  font-weight: 500;
  font-style: normal;
  src: url("https://files.cargocollective.com/c3506341/Haskoy-Medium.woff2") format("woff2");
}

/* =======================
   GLOBAL SETTINGS
======================= */

html {
  --mobile-scale: 1.4;
  --mobile-padding-offset: 0.38;
}

body {
  --swatch-1: rgba(0, 0, 0, 0.85);
  --swatch-2: rgba(0, 0, 0, 0.75);
  --swatch-3: rgba(0, 0, 0, 0.6);
  --swatch-4: rgba(0, 0, 0, 0.4);
  --swatch-5: rgba(0, 0, 0, 0.25);
}

/* =======================
   TYPOGRAPHY
======================= */

h1 {
  font-size: 1.60rem;
  font-weight: 500;
  color: #000000;
  font-family: Haskoy;
  line-height: 1.5;
}

/* headings, captions, etc unchanged ... */

/* =======================
   YOUR CUSTOM TEXT STYLES
======================= */

h1, .h1 {
  font-family: "Haskoy";
}

body, p {
  font-family: "Haskoy";
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.5;
}

/* default link style inside lista */
.lista a {
  text-decoration: none;
  color: #000;
}

/* hover underline (stronger specificity) */
.lista a:hover,
.lista a:focus {
  text-decoration: underline !important;
}

.associated-artists {
  font-size: 1.60rem;
  font-style: italic;
}
h1 img {
  float: left;
  width: 35%;
  margin: 0 36px 0 ;
  display: block;
}

/* =======================
   MOBILE FIXES
======================= */

@media (max-width: 768px) {

  /* image/media full width */
  .landing-page-big-text media-item {
    float: none !important;
    width: 100% !important;
    margin: 0 0 10px 0 !important;
    display: block;
  }
    
   h1 {
    font-size: 3rem !important;
    line-height: 1.1 !important;
    text-align: center;
  }
    h1 img {
    float: none;
    display: block;
    margin: 0 auto 30px auto; /* centers the image */
    width: 100%;
  }

  /* big landing text smaller */
  .landing-page-big-text {
    font-size: 20px !important;
    line-height: 1.2 !important;
  }

  /* mobile line breaks for artists */
  .mobile-block {
    display: block;
  }

  .artist {
    display: block;
    margin-bottom: 6px;
  }
}

.mobile [id] .page-layout {
	max-width: 100%;
}
