.mainNav .wrap ul:after, .grid-list .wrap .grid .grid-item .content .cols:after, .quote-block .wrap:after, .section-intro .wrap .dropdown ul:after, .section-intro .wrap .dropdown:after, .text-page .wrap .content ul.people li:after, .text-page .wrap:after, .newsletter .wrap > div:after, footer[role="contentinfo"] .wrap .cols:after, footer[role="contentinfo"] .wrap:after, .search-bar .wrap form:after {
  content: '';
  display: block;
  clear: both; }

.mainNav .wrap .donate, .grid-list .wrap .grid .grid-item .icon span, .section-intro .wrap .dropdown, footer[role="contentinfo"] .wrap .col {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.mainNav .wrap .search-button:before, .grid-list .wrap .grid .grid-item .icon, .text-page .wrap .content ul.people li a.email:before, .newsletter .wrap > div i {
  background-image: url("../sprites/sprite2.svg");
  background-size: 700px 700px;
  font-size: 20px; }

.mainNav .wrap .search-button, .grid-list .wrap .grid .grid-item .content .cols .col p.tags a, .grid-list .wrap .grid .grid-item .tags, .grid-list .wrap .grid .grid-item .tags a, .grid-list .wrap .grid .grid-item .icon span, .newsletter .wrap > div p {
  font-family: 'Proza Libre', sans-serif; }

.grid-list .wrap .grid .grid-item .content .cols .col p, .grid-list .wrap .grid .grid-item a p {
  font-family: 'Gentium Basic', serif; }

.bg-yellow {
  background-color: #ffd84c; }

.bg-grey {
  background-color: #f1f1f1; }

header[role="banner"] .wrap, .introduction .wrap, .grid-list .wrap, .quote-block .wrap, .section-intro .wrap header, .section-intro .wrap p, .blog-post .wrap, footer[role="contentinfo"] .wrap, .search-bar .wrap, .search-results .wrap, .home.landingPage .wrap {
  margin: 0 20px; }

.mobile {
  display: none; }

.tablet {
  display: block; }

.mainNav {
  position: absolute;
  top: 20px;
  left: auto;
  right: 20px;
  width: 460px;
  height: auto;
  background-color: transparent;
  display: block; }
  .mainNav header {
    display: none; }
  .mainNav .wrap {
    margin: 0;
    padding-bottom: 0;
    position: relative; }
    .mainNav .wrap ul {
      margin: 0 -10px; }
      .mainNav .wrap ul li {
        width: 220px;
        height: 30px;
        overflow: hidden;
        margin: 0 10px;
        border-top: 0;
        border-bottom: 2px solid #1f3446;
        float: left; }
        .mainNav .wrap ul li a {
          padding: 10px 0;
          font-size: 0.8125rem; }
          .mainNav .wrap ul li a.open + ul {
            display: none; }
        .mainNav .wrap ul li:nth-child(1), .mainNav .wrap ul li:nth-child(2) {
          border-top: 2px solid #1f3446; }
    .mainNav .wrap .search-button {
      width: 105px;
      height: 25px;
      padding: 4px 0;
      font-size: 0.8125rem;
      background-color: #f1f1f1;
      border-radius: 3px;
      position: absolute;
      bottom: -30px;
      right: 115px;
      color: #1f3446; }
      .mainNav .wrap .search-button:before {
        content: '';
        display: block;
        width: 14px;
        height: 14px;
        background-position: -19em -3em;
        position: absolute;
        top: 5px;
        left: 10px; }
    .mainNav .wrap .donate {
      width: 105px;
      height: 25px;
      padding: 7px 0;
      font-size: 0.8125rem;
      position: absolute;
      bottom: -30px;
      right: 0; }

header[role="banner"] {
  padding: 20px 0;
  margin: 0 0 80px 0; }
  header[role="banner"] .wrap h1 {
    width: 181px;
    height: 42px;
    background-position: -10em -15em; }
  header[role="banner"] .wrap button {
    display: none; }
  header[role="banner"].bg-yellow {
    margin: 0; }

.introduction .wrap i {
  margin: 0 0 25px 0; }
.introduction .wrap h2 {
  font-size: 1.75rem;
  margin-bottom: 0;
  width: 600px; }
.introduction .wrap p {
  width: 600px; }

.news-slider .swiper-container .swiper-wrapper .swiper-slide.aVideo .videoWrap .hold {
  background-color: #203446;
  position: relative; }
  .news-slider .swiper-container .swiper-wrapper .swiper-slide.aVideo .videoWrap .hold figure {
    width: 410px;
    margin: 0 20px 0 auto; }
  .news-slider .swiper-container .swiper-wrapper .swiper-slide.aVideo .videoWrap .hold .content {
    top: auto;
    left: 0;
    width: 340px;
    bottom: 0; }
.news-slider .swiper-container .swiper-wrapper .swiper-slide h4 {
  padding: 20px; }
.news-slider .swiper-container .swiper-wrapper .swiper-slide figure {
  height: 330px;
  overflow: hidden; }
  .news-slider .swiper-container .swiper-wrapper .swiper-slide figure img {
    width: 100%;
    height: auto; }
.news-slider .swiper-container .swiper-wrapper .swiper-slide .content {
  width: 340px;
  padding: 0 0 20px 20px; }
  .news-slider .swiper-container .swiper-wrapper .swiper-slide .content h2, .news-slider .swiper-container .swiper-wrapper .swiper-slide .content p {
    font-size: 1.25rem; }
  .news-slider .swiper-container .swiper-wrapper .swiper-slide .content p {
    line-height: 1.4; }
  .news-slider .swiper-container .swiper-wrapper .swiper-slide .content span {
    font-size: 1rem; }
.news-slider .swiper-container .bar .pagination {
  padding: 20px; }
.news-slider .swiper-container .bar menu {
  padding: 15px 20px; }

.grid-list .wrap header {
  margin: 0 0 20px 0; }
  .grid-list .wrap header h2 {
    font-size: 1rem; }
  .grid-list .wrap header a {
    font-size: 1rem; }
.grid-list .wrap .grid {
  margin: -10px -10px 0 -10px; }
  .grid-list .wrap .grid .grid-item {
    width: -webkit-calc(50% - 20px);
    width: calc(50% - 20px);
    margin: 10px;
    font-size: 1rem;
    line-height: 1.5;
    padding: 0 20px 60px 20px;
    position: relative; }
    .grid-list .wrap .grid .grid-item .content {
      width: -webkit-calc(100% - 50px);
      width: calc(100% - 50px);
      float: left; }
      .grid-list .wrap .grid .grid-item .content .cols .col {
        float: left;
        padding: 15px 0 0 0; }
        .grid-list .wrap .grid .grid-item .content .cols .col h2 {
          margin: 0; }
        .grid-list .wrap .grid .grid-item .content .cols .col h3 {
          font-size: 0.875rem; }
        .grid-list .wrap .grid .grid-item .content .cols .col p {
          font-size: 1rem;
          line-height: 1.5;
          margin: 0; }
          .grid-list .wrap .grid .grid-item .content .cols .col p.tags {
            padding: 0 50px 0 0; }
            .grid-list .wrap .grid .grid-item .content .cols .col p.tags a {
              display: inline-block;
              font-size: 0.875rem;
              font-weight: 500;
              text-decoration: underline; }
              .grid-list .wrap .grid .grid-item .content .cols .col p.tags a:hover {
                color: #ec1d24; }
            .grid-list .wrap .grid .grid-item .content .cols .col p.tags span {
              display: none; }
        .grid-list .wrap .grid .grid-item .content .cols .col:nth-child(1) {
          width: 50px; }
        .grid-list .wrap .grid .grid-item .content .cols .col:nth-child(2) {
          width: -webkit-calc((100% - 80px) / 3) !important;
          width: calc((100% - 80px) / 3) !important; }
        .grid-list .wrap .grid .grid-item .content .cols .col + .col {
          margin: 0 0 0 30px;
          width: -webkit-calc((100% - 171px) / 3);
          width: calc((100% - 171px) / 3); }
    .grid-list .wrap .grid .grid-item .actions {
      padding: 15px 0 0 0; }
    .grid-list .wrap .grid .grid-item a figure {
      margin: 0 -20px 20px -20px; }
    .grid-list .wrap .grid .grid-item a h2 {
      font-size: 1rem;
      line-height: 1.5; }
    .grid-list .wrap .grid .grid-item .tags {
      display: block;
      font-size: 0.875rem;
      font-weight: 500;
      margin: 15px 0 20px 0; }
      .grid-list .wrap .grid .grid-item .tags a {
        font-weight: 500;
        display: inline-block;
        text-decoration: underline; }
        .grid-list .wrap .grid .grid-item .tags a:hover {
          color: #ffd84c; }
    .grid-list .wrap .grid .grid-item .icon {
      width: 40px;
      height: 40px;
      background-position: -8em -19em;
      overflow: hidden;
      position: absolute;
      bottom: 15px;
      left: 20px; }
      .grid-list .wrap .grid .grid-item .icon span {
        display: inline-block;
        position: relative;
        left: 40px;
        opacity: 0;
        top: 5px;
        padding: 5px 10px 0 10px;
        width: 94px;
        text-align: center;
        font-style: normal;
        height: 25px;
        background-color: #f1f1f1;
        font-size: 0.75rem;
        color: #1f3446;
        -webkit-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        transition: all 200ms ease;
        pointer-events: none; }
        .grid-list .wrap .grid .grid-item .icon span:after {
          content: '';
          display: block;
          width: 17px;
          height: 17px;
          border-radius: 2px;
          background-color: #f1f1f1;
          position: absolute;
          top: 4px;
          left: -8px;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
      .grid-list .wrap .grid .grid-item .icon.icon-in-depth {
        background-position: -1em -29em; }
      .grid-list .wrap .grid .grid-item .icon:hover {
        overflow: visible;
        background-position: -10.5em -19em; }
        .grid-list .wrap .grid .grid-item .icon:hover.icon-audio {
          background-position: -17.5em -26em; }
        .grid-list .wrap .grid .grid-item .icon:hover.icon-event-recording {
          background-position: -17.5em -32em; }
        .grid-list .wrap .grid .grid-item .icon:hover.icon-in-depth {
          background-position: -4em -29em; }
        .grid-list .wrap .grid .grid-item .icon:hover span {
          left: 55px;
          opacity: 1; }
      .grid-list .wrap .grid .grid-item .icon.icon-audio {
        background-position: -15em -26em; }
      .grid-list .wrap .grid .grid-item .icon.icon-event-recording {
        background-position: -15em -32em; }
        .grid-list .wrap .grid .grid-item .icon.icon-event-recording span {
          width: 116px; }
  .grid-list .wrap .grid.full-width {
    padding-bottom: 20px; }
.grid-list .wrap .overview {
  margin: 20px 0 0 240px;
  font-size: 1.125rem; }
.grid-list.green .wrap .grid .grid-item .tags a:hover {
  color: #00a550; }
.grid-list.green .wrap .grid .grid-item .icon {
  background-position: -4em -26em; }
  .grid-list.green .wrap .grid .grid-item .icon:hover {
    background-position: -1em -26em; }
.grid-list.blue .wrap .grid .grid-item .tags a:hover {
  color: #09a1c1; }
.grid-list.blue .wrap .grid .grid-item .icon {
  background-position: -8em -26em; }
  .grid-list.blue .wrap .grid .grid-item .icon.icon-audio, .grid-list.blue .wrap .grid .grid-item .icon.icon-event-recording {
    background-position: -8em -29em; }
  .grid-list.blue .wrap .grid .grid-item .icon.icon-book {
    background-position: -15em -29em; }
  .grid-list.blue .wrap .grid .grid-item .icon:hover {
    background-position: -10.5em -26em; }
    .grid-list.blue .wrap .grid .grid-item .icon:hover.icon-audio, .grid-list.blue .wrap .grid .grid-item .icon:hover.icon-event-recording {
      background-position: -10.5em -29em; }
    .grid-list.blue .wrap .grid .grid-item .icon:hover.icon-book {
      background-position: -17.5em -29em; }

@media only screen and (min-width: 1020px) {
  .news-slider {
    position: relative; }
    .news-slider .swiper-container .swiper-wrapper .swiper-slide {
      background-color: white; }
      .news-slider .swiper-container .swiper-wrapper .swiper-slide a,
      .news-slider .swiper-container .swiper-wrapper .swiper-slide .videoWrap {
        display: block;
        width: auto;
        margin: 0 20px;
        padding: 40px 0;
        position: relative; }
        .news-slider .swiper-container .swiper-wrapper .swiper-slide a h4,
        .news-slider .swiper-container .swiper-wrapper .swiper-slide .videoWrap h4 {
          position: absolute;
          right: 0;
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          padding: 20px 0;
          top: 100px;
          left: auto;
          color: #1f3446;
          width: -webkit-calc(33.2% - 20px);
          width: calc(33.2% - 20px);
          border-top: 2px solid #1f3446; }
        .news-slider .swiper-container .swiper-wrapper .swiper-slide a figure,
        .news-slider .swiper-container .swiper-wrapper .swiper-slide .videoWrap figure {
          height: auto;
          width: -webkit-calc(66.4%);
          width: calc(66.4%); }
          .news-slider .swiper-container .swiper-wrapper .swiper-slide a figure.video,
          .news-slider .swiper-container .swiper-wrapper .swiper-slide .videoWrap figure.video {
            height: 232px; }
          .news-slider .swiper-container .swiper-wrapper .swiper-slide a figure.overlay,
          .news-slider .swiper-container .swiper-wrapper .swiper-slide .videoWrap figure.overlay {
            background-position: -207px 0; }
        .news-slider .swiper-container .swiper-wrapper .swiper-slide a .content,
        .news-slider .swiper-container .swiper-wrapper .swiper-slide .videoWrap .content {
          position: absolute;
          bottom: 40px;
          padding: 20px;
          left: 0; }
    .news-slider .swiper-container .bar {
      position: absolute;
      width: -webkit-calc(33.2% - 20px);
      width: calc(33.2% - 30px);
      right: 20px;
      top: 125px;
      z-index: 100; }
      .news-slider .swiper-container .bar .pagination {
        padding: 70px 0 0 0; }
      .news-slider .swiper-container .bar menu {
        padding: 0;
        width: 50px; }
        .news-slider .swiper-container .bar menu button {
          margin: 0; }

  .grid-list .wrap .grid .grid-item {
    width: -webkit-calc(33.2% - 20px);
    width: calc(33.2% - 20px); }
  .grid-list .wrap .overview {
    margin: 20px 0 0 55%; } }
.quote-block {
  padding: 40px 0 55px 0; }
  .quote-block .wrap {
    padding: 0 0 0 130px; }
    .quote-block .wrap h3 {
      font-size: 1.75rem;
      line-height: 1.4; }
    .quote-block .wrap p {
      font-size: 1rem;
      width: 300px;
      float: right; }

.section-intro .wrap {
  margin: 0; }
  .section-intro .wrap p {
    font-size: 1.5rem;
    line-height: 1.4;
    padding: 15px 0 37px 0; }
  .section-intro .wrap .dropdown {
    margin: 0;
    padding: 30px 20px 0 20px; }
    .section-intro .wrap .dropdown h3 {
      width: -webkit-calc(20% - 10px);
      width: calc(20% - 10px);
      margin: 0 5px;
      float: left; }
    .section-intro .wrap .dropdown ul {
      width: -webkit-calc(60% - 10px);
      width: calc(60% - 10px);
      margin: 0 5px;
      float: left; }
      .section-intro .wrap .dropdown ul li {
        width: -webkit-calc(33.3% - 10px);
        width: calc(33.3% - 10px);
        float: left;
        position: relative;
        margin: 10px 5px; }
        .section-intro .wrap .dropdown ul li button {
          height: 30px; }
        .section-intro .wrap .dropdown ul li ul {
          position: absolute;
          left: -5px;
          width: 100%;
          padding: 0;
          top: 30px; }
          .section-intro .wrap .dropdown ul li ul li {
            margin: 10px 0;
            width: 100%;
            float: none; }
        .section-intro .wrap .dropdown ul li + li {
          margin: 10px 5px; }
    .section-intro .wrap .dropdown > button {
      width: -webkit-calc(20% - 10px);
      width: calc(20% - 10px);
      height: 30px;
      float: left; }
.section-intro + .grid-list {
  padding: 20px 0 0 0; }

.blog-post {
  padding: 0 0 55px 0; }
  .blog-post .wrap {
    padding: 0 0 0 170px;
    position: relative; }
    .blog-post .wrap header {
      margin: 0 0 0 -170px; }
      .blog-post .wrap header h2 {
        font-size: 2rem; }
    .blog-post .wrap figure {
      margin: 0; }
    .blog-post .wrap blockquote {
      margin: 0; }
    .blog-post .wrap .footnotes {
      margin: 0; }
  .blog-post.landing .wrap header h2 {
    font-size: 2rem; }
  .blog-post.landing .wrap .intro {
    font-size: 1.45rem;
    margin-left: 102px; }
  .blog-post.landing .wrap .content {
    margin-top: 0; }
  .blog-post.landing .wrap .footnotes .side {
    top: 70px; }
    .blog-post.landing .wrap .footnotes .side .category ul li {
      width: 75%; }
    .blog-post.landing .wrap .footnotes .side .category.events {
      position: relative; }
      .blog-post.landing .wrap .footnotes .side .category.events figure {
        height: 308px;
        width: 50%; }
        .blog-post.landing .wrap .footnotes .side .category.events figure + aside {
          bottom: 10px;
          font-size: 1.1rem;
          height: 283px;
          line-height: 1.3;
          position: absolute;
          right: 0;
          width: -webkit-calc(50% - 20px);
          width: calc(50% - 20px); }
          .blog-post.landing .wrap .footnotes .side .category.events figure + aside span {
            line-height: 1.9; }

.text-page {
  position: relative; }
  .text-page .wrap {
    margin: 0; }
    .text-page .wrap .sidebar {
      width: 115px;
      top: 40px;
      position: absolute;
      left: 20px;
      margin-top: 0; }
    .text-page .wrap .content > div {
      padding: 0 20px 45px 165px; }
      .text-page .wrap .content > div figure {
        margin: 0 0 20px 0; }
      .text-page .wrap .content > div ul li h4 {
        font-size: 1rem;
        padding-top: 2px; }
      .text-page .wrap .content > div h3 + p {
        margin-top: -10px; }
      .text-page .wrap .content > div h3 + h3 {
        margin-top: 27px; }
      .text-page .wrap .content > div a {
        max-width: 310px; }
      .text-page .wrap .content > div.bg-grey {
        margin: 0;
        padding: 0 20px 45px 165px; }
    .text-page .wrap .content ul.people li {
      padding: 20px 20px 30px 20px; }
      .text-page .wrap .content ul.people li figure {
        width: 80px;
        height: 80px;
        float: left;
        margin: 0 20px 20px 0; }
      .text-page .wrap .content ul.people li a.email {
        max-width: none; }
        .text-page .wrap .content ul.people li a.email:before {
          content: '';
          display: block;
          width: 30px;
          height: 30px;
          margin: -6px 10px 0 0;
          float: left;
          background-position: -21em -29em; }
      .text-page .wrap .content ul.people li div {
        width: -webkit-calc(100% - 100px);
        width: calc(100% - 100px);
        float: left; }
        .text-page .wrap .content ul.people li div h3 {
          margin: 0 0 20px 0; }
        .text-page .wrap .content ul.people li div p {
          width: 100%; }
      .text-page .wrap .content ul.people li + li {
        margin: 10px 0 0 0; }
    .text-page .wrap .content.bg-grey {
      margin: 0;
      padding: 11px 0 0 0; }

.newsletter {
  height: 80px;
  background-color: #ffd84c; }
  .newsletter .wrap .social {
    padding: 25px 0 0 20px; }
  .newsletter .wrap > div {
    width: 300px;
    float: left;
    margin: 0 0 0 50px;
    font-size: 0.9375rem;
    line-height: 1.4;
    padding: 17px 0;
    display: block;
    position: relative; }
    .newsletter .wrap > div.message {
      display: none; }
    .newsletter .wrap > div:before {
      content: '';
      display: block;
      width: 1px;
      height: 60px;
      position: absolute;
      top: 10px;
      left: -25px;
      background-color: white; }
    .newsletter .wrap > div i {
      display: block;
      width: 46px;
      height: 46px;
      margin: 0 10px 0 0;
      float: left;
      background-position: -20em -6em; }
    .newsletter .wrap > div p {
      width: 240px;
      color: rgba(0, 0, 0, 0.6);
      margin: 4px 0 0 0;
      float: left;
      font-size: 0.9375rem;
      line-height: 1.4; }
  .newsletter .wrap > button {
    margin: 25px 20px 0 0;
    width: 220px; }

.cookie-bar {
  /* 	height: 150px; */ }
  .cookie-bar .wrap {
    width: auto; }
    .cookie-bar .wrap > div {
      margin-left: 25px;
      width: 600px;
      padding-bottom: 0px; }
      .cookie-bar .wrap > div p {
        width: 470px;
        padding-bottom: 0px; }
      .cookie-bar .wrap > div:before {
        content: '';
        display: block;
        width: 1px;
        height: 60px;
        position: absolute;
        top: 10px;
        left: -25px;
        background-color: #ffd84c; }
    .cookie-bar .wrap form {
      float: right; }
      .cookie-bar .wrap form button {
        margin: 15px 20px 0px 0px; }

footer[role="contentinfo"] {
  position: relative;
  padding: 50px 0; }
  footer[role="contentinfo"] .wrap .col {
    width: -webkit-calc(40% - 10px);
    width: calc(40% - 10px);
    float: left;
    padding: 0 40px 0 0;
    font-size: 0.875rem;
    line-height: 1.47; }
    footer[role="contentinfo"] .wrap .col h2 {
      margin: 0 0 40px 0; }
  footer[role="contentinfo"] .wrap .cols {
    margin: 47px 0 0 20px;
    width: -webkit-calc(60% - 10px);
    width: calc(60% - 10px);
    float: right; }
    footer[role="contentinfo"] .wrap .cols div {
      width: -webkit-calc(50% - 10px);
      width: calc(50% - 10px);
      float: left;
      font-size: 0.75rem;
      line-height: 1.67; }
      footer[role="contentinfo"] .wrap .cols div i {
        position: absolute;
        top: 110px;
        right: 20px; }
        footer[role="contentinfo"] .wrap .cols div i + p {
          border: 0; }
      footer[role="contentinfo"] .wrap .cols div p span {
        display: block; }
      footer[role="contentinfo"] .wrap .cols div > a {
        margin-top: 20px; }
    footer[role="contentinfo"] .wrap .cols nav {
      margin: 20px 0 0 0;
      font-size: 0.875rem;
      width: -webkit-calc(50% - 10px);
      width: calc(50% - 10px);
      float: right; }
      footer[role="contentinfo"] .wrap .cols nav p {
        font-weight: 500; }
        footer[role="contentinfo"] .wrap .cols nav p a {
          display: block;
          font-size: 0.8125rem; }
          footer[role="contentinfo"] .wrap .cols nav p a + a {
            margin: 10px 0 0 0; }
        footer[role="contentinfo"] .wrap .cols nav p span {
          display: none; }

.search-bar {
  padding: 30px 0; }
  .search-bar .wrap > div {
    max-width: 1180px;
    margin: 0 auto; }
  .search-bar .wrap form {
    max-width: 780px; }
    .search-bar .wrap form button {
      margin: 18px 0 0 20px; }
    .search-bar .wrap form p {
      max-width: 780px;
      width: -webkit-calc(100% - 60px);
      width: calc(100% - 60px);
      float: left; }
      .search-bar .wrap form p label {
        top: 22px; }
      .search-bar .wrap form p input {
        height: 40px; }

.search-results {
  padding: 0 0 80px 0; }
  .search-results .wrap header {
    max-width: 1180px;
    margin: 0 auto;
    padding: 60px 0 80px 0; }
  .search-results .wrap ul {
    max-width: 800px;
    margin: 0 auto; }
    .search-results .wrap ul li a {
      position: relative;
      line-height: 1.3; }
      .search-results .wrap ul li a h4 {
        position: absolute;
        top: 15px;
        right: 20px;
        width: 150px; }
      .search-results .wrap ul li a h3, .search-results .wrap ul li a h2, .search-results .wrap ul li a p {
        width: 70%; }
      .search-results .wrap ul li a p {
        font-size: 1rem;
        line-height: 1.5; }
  .search-results .wrap .pagination {
    max-width: 800px;
    margin: 60px auto 0 auto; }
    .search-results .wrap .pagination p {
      padding: 0 20px; }

.home.landingPage {
  margin: 0;
  padding: 33px 0; }
  .home.landingPage .wrap header {
    margin-bottom: 31px; }
    .home.landingPage .wrap header h2 {
      font-size: 1rem;
      line-height: 1.1; }
  .home.landingPage .wrap .grid .col {
    display: inline-block;
    vertical-align: top;
    width: 50%; }
    .home.landingPage .wrap .grid .col:first-of-type article figure {
      height: 328px; }
    .home.landingPage .wrap .grid .col + .col {
      margin-left: 20px;
      margin-top: 0;
      width: -webkit-calc(50% - 20px);
      width: calc(50% - 24px); }
      .home.landingPage .wrap .grid .col + .col article {
        width: -webkit-calc(50% - 12px);
        width: calc(50% - 12px);
        margin: 0 0 20px 0; }
        .home.landingPage .wrap .grid .col + .col article figure {
          height: 152px; }
        .home.landingPage .wrap .grid .col + .col article:nth-child(even) {
          margin-left: 20px; }

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