/* Max-width and reset */
.ag-full-width #blog-post.ag-site-width {
  max-width: 1920px;
}
#blog-post * {
  font-size: 1em;
  line-height: 1;
  letter-spacing: normal;
  margin: 0;
  padding: 0;
}

/* Hide Breadcrumb */
.breadcrumb {
  display: none;
}

/* General */
#blog-post {
  font-size: 1.563vw; /* 10px @ 640px */
}
#blog-post section {
  position: relative;
  margin: 0 5em;
}
#blog-post section.full-width {
  margin: 0;
}
#blog-post a {
  display: block;
}
#blog-post img {
  display: block;
  width: 100%;
}
#blog-post p {
  font-size: 2.4em;
  line-height: 1.1;
  margin-bottom: 1em;
  overflow-wrap: break-word;
  hyphens: auto;
}
#blog-post p a {
  display: inline;
  text-decoration: underline;
  transition: ease 300ms;
}
#blog-post p a:hover {
  color: #a41e21;
}
#blog-post .quote {
  font-size: 4.8em;
  font-weight: 200;
  line-height: 1.3;
  text-align: center;
  margin: 0.75em 0;
  color: #737d85;
}
#blog-post .margin-top {
  margin-top: 4em;
}
#blog-post .anim-on-scroll {
  transition: ease-in-out 500ms;
}
#blog-post .prescroll {
  opacity: 0;
}

/* Hero */
#blog-post .hero h2 {
  position: absolute;
  left: 50%;
  top: 48%;
  transform: translate(-50%,-50%);
  font-size: 6.6em;
  font-weight: 800;
  line-height: 0.74303;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  white-space: nowrap;
}

/* Heading */
#blog-post .heading {
  text-align: center;
  margin: 3em 0;
  color: #000;
}
#blog-post .heading .name {
  font-size: 3.2em;
  font-weight: 600;
  line-height: 1;
  margin: 0;
}
#blog-post .heading .title {
  font-size: 5.4em;
  font-weight: 200;
  line-height: 1;
  margin: 0;
}

/* Product Container */
#blog-post section.product-container {
  margin: 0 10em;
}
#blog-post section.product-container p {
  font-size: 3.6em;
  font-weight: 600;
  text-align: center;
  margin: 1em 0;
  color: #a41e21;
}

/* Explore More Stories */
#blog-post section.explore-more h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: 3.6em;
  font-weight: 800;
  text-align: center;
  color: #fff;
  white-space: nowrap;
}

/* Mobile Specific */
@media(max-width:640px) {
  #blog-post section.very-wide {
    margin: 3em 1em;
  }
  #blog-post .third-block {
    margin-bottom: 5em;
  }
  #blog-post .third-block:last-of-type {
    margin-bottom: 0;
  }
  #blog-post .half-block p:first-of-type {
    margin-top: 1em;
  }
}

/* Large(Desktop) */
@media(min-width:641px) {
  #blog-post {
    font-size: 0.521vw; /* 10px @ 1920px */
  }
  #blog-post section {
    margin: 0 23em;
  }
  #blog-post section.wide {
    margin: 0 8em 6em;
  }
  #blog-post p {
    font-size: 3.5em;
    line-height: 1.42857;
  }
  #blog-post .box-container {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #blog-post .reverse {
    flex-direction: row-reverse;
  }
  #blog-post .half-block {
    width: 50%;
  }
  #blog-post .half-block p {
    margin-left: 2em;
  }
  #blog-post .half-block .quote {
    margin-left: 0;
  }
  #blog-post .half-block p:last-of-type {
    margin-bottom: 0;
  }
  #blog-post .third-block {
    margin-right: 1.5em;
    width: 33.3%;
  }
  #blog-post .third-block:last-of-type {
    margin-right: 0;
  }
  #blog-post .quote {
    font-size: 7.5em;
    line-height: 1.06667;
    margin: 0 1em 0 0;
  }
  #blog-post section.margin-large {
    margin-top: 6em;
  }
  /* Hero - Desktop */
  #blog-post .hero h2 {
    top: 42%;
    font-size: 15.96em;
    line-height: 0.75;
  }
  /* Heading - Desktop */
  #blog-post .heading {
    margin: 5em 0;
  }
  #blog-post .heading p {
    line-height: 1;
  }
  #blog-post .heading .name {
    font-size: 7em;
  }
  #blog-post .heading .title {
    font-size: 12em;
  }
  /* Product Container - Desktop */
  #blog-post section.product-container {
    display: flex;
    margin-top: 16em;
  }
  #blog-post section.product-container p {
    transition: ease 300ms;
  }
  #blog-post section.product-container p:hover {
    color: #363432;
  }
  #blog-post section.product-container .product {
    width: 25%;
  }
  /* Explore More Stories - Desktop */
  #blog-post section.explore-more h2 {
    font-size: 10em;
  }
}

/* Max width */
@media(min-width:1921px) {
  #blog-post {
    font-size: 10px;
  }
}