/*@function rem($pixels, $context: $mainFontSize) {
    @if (unitless($pixels)) {
        $pixels: $pixels * 1px;
    }

    @if (unitless($context)) {
        $context: $context * 1px;
    }

    @return $pixels / $context * 1rem;
}

@mixin size($width, $height: $width) {
    width: $width;
    height: $height;
}*/
.blog {
  padding-bottom: 64px; }
  .blog-header {
    background-color: #080808;
    padding-bottom: 118px;
    padding-top: 250px; }
    .blog-header .section-heading {
      line-height: normal; }
      .blog-header .section-heading {
        font-size: 28px; }
      @media (min-width: 320px) and (max-width: 1200px) {
        .blog-header .section-heading {
          font-size: calc(16.36364px + 3.63636vw); } }
      @media (min-width: 1200px) {
        .blog-header .section-heading {
          font-size: 60px; } }
    .blog-header .section-description {
      color: #BABABA;
      margin: 40px 0 0 0; }
  .blog-content .blog__item {
    background-color: transparent;
    -webkit-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out; }
    .blog-content .blog__item-content {
      border-bottom: 2px solid #101010;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-bottom: 50px;
      padding-top: 50px;
      position: relative;
      -webkit-transition: border-color .25s ease-in-out;
      transition: border-color .25s ease-in-out; }
      .blog-content .blog__item-content .heading {
        font-family: "BrutalType-Light";
        letter-spacing: 0.03em;
        line-height: 1;
        margin: auto 0;
        text-transform: uppercase;
        -webkit-transition: color .25s ease-in-out;
        transition: color .25s ease-in-out;
        width: 30%; }
      .blog-content .blog__item-content .anons {
        color: #BABABA;
        margin: 0;
        -webkit-transition: color .25s ease-in-out;
        transition: color .25s ease-in-out;
        width: 50%; }
      .blog-content .blog__item-content .more {
        opacity: 0;
        margin-left: auto;
        pointer-events: none;
        -webkit-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out; }
        .blog-content .blog__item-content .more .button {
          border-color: #020202;
          color: #020202; }
          .blog-content .blog__item-content .more .button:hover {
            border-color: #DE8216; }
        @media all and (hover: none) {
          .blog-content .blog__item-content .more {
            pointer-events: all;
            opacity: 1; }
            .blog-content .blog__item-content .more .button {
              border-color: #FFFFFF;
              color: #FFFFFF; }
              .blog-content .blog__item-content .more .button:hover {
                border-color: #DE8216;
                color: #020202; } }
    @media not all and (hover: none) {
      .blog-content .blog__item:hover {
        background-color: #E5E5E5; }
        .blog-content .blog__item:hover .blog__item-content {
          border-color: transparent;
          -webkit-transition: border-color .25s ease-in-out;
          transition: border-color .25s ease-in-out; }
          .blog-content .blog__item:hover .blog__item-content .heading,
          .blog-content .blog__item:hover .blog__item-content .anons {
            color: #020202; }
          .blog-content .blog__item:hover .blog__item-content .more {
            opacity: 1;
            pointer-events: all;
            -webkit-transition: opacity .25s ease-in-out;
            transition: opacity .25s ease-in-out; } }

.blog--inner .hero-slide {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  height: 100vh;
  position: relative; }
  .blog--inner .hero-slide .container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .blog--inner .hero-slide .section-heading {
    line-height: normal;
    text-align: center; }
    .blog--inner .hero-slide .section-heading {
      font-size: 28px; }
    @media (min-width: 320px) and (max-width: 1200px) {
      .blog--inner .hero-slide .section-heading {
        font-size: calc(16.36364px + 3.63636vw); } }
    @media (min-width: 1200px) {
      .blog--inner .hero-slide .section-heading {
        font-size: 60px; } }
  .blog--inner .hero-slide .meta-data {
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0; }
    .blog--inner .hero-slide .meta-data span {
      font-size: 14px;
      font-family: "BrutalType-Light";
      letter-spacing: 0.03em;
      line-height: 1;
      margin-bottom: 15px;
      text-align: center;
      text-transform: uppercase; }
  .blog--inner .hero-slide .control-buttons {
    bottom: 40px;
    position: absolute;
    right: 50px; }
    .blog--inner .hero-slide .control-buttons .button {
      background-image: url("../images/icons/arrow-left.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: 24px;
      border: 1px solid #4E4E4E;
      cursor: pointer;
      height: 40px;
      display: block;
      margin-bottom: 10px;
      width: 40px; }
      .blog--inner .hero-slide .control-buttons .button.button-down {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg); }
  .blog--inner .hero-slide::before {
    background-color: rgba(2, 2, 2, .8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }