/* Basic Grid */
.Grid {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .Grid-cell {
    flex: 1;
  }
  .Grid-cell--autoSize {
    flex: none;
  }
  
  /* Nested Grid */
  .Grid--flexCells > .Grid-cell {
    display: flex;
  }
  
  /* Grid Alignment */
  .Grid--top {
    align-items: flex-start;
  }
  .Grid--bottom {
    align-items: flex-end;
  }
  .Grid--center {
    align-items: center;
  }
  .Grid--justifyCenter {
    justify-content: center;
  }
  
  /* Grid Cell Alignment */
  .Grid-cell--top {
    align-self: flex-start;
  }
  .Grid-cell--bottom {
    align-self: flex-end;
  }
  .Grid-cell--center {
    align-self: center;
  }
  .Grid-cell--push{
      margin-left:auto;
  }
  
  /* Grid Cell Columns */
  .Grid--fit > .Grid-cell {
    flex: 1;
  }
  .Grid--full > .Grid-cell {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .Grid--1of1 > .Grid-cell {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .Grid--1of2 > .Grid-cell {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .Grid--1of3 > .Grid-cell {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
  .Grid--1of4 > .Grid-cell {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .Grid--1of5 > .Grid-cell {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .Grid--1of6 > .Grid-cell {
    flex: 0 0 16.6666%;
    max-width: 16.6666%;
  }
  
  /* Grid Gutters */
  .Grid--gutters {
    margin: 0 0 0 -1em;
  }
  .Grid--gutters > .Grid-cell {
    padding: 0 0 0 1em;
  }
  
  /* Grid Gutters Large */
  .Grid--guttersLg {
    margin: 0 0 0 -1.5em;
  }
  .Grid--guttersLg > .Grid-cell {
    padding: 0 0 0 1.5em;
  }
  
  /* Grid Gutters XLarge */
  .Grid--guttersXl {
    margin: 0 0 0 -2em;
  }
  .Grid--guttersXl > .Grid-cell {
    padding: 0 0 0 2em;
  }
  
  /* Grid Cell Custom */
  .single-1of3 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
  .single-1of4 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .single-2of3 {
    flex: 0 0 66.6666%;
    max-width: 66.6666%;
  }
  
  @media only screen and (max-width: 991px) {
      .single-2of3{
          flex: 0 0 100%;
            max-width: 100%;
      }
      .Grid--1of3 > .Grid-cell{
          flex: 0 0 50%;
            max-width: 50%;
      }
      .Grid--1of4 > .Grid-cell{
          flex: 0 0 50%;
            max-width: 50%;
      }
      .gallery-section{
          .Grid--1of4 > .Grid-cell{
              flex: 0 0 25%;
                max-width: 25%;
          }
      }
      .content-info .Grid--1of3 > .Grid-cell{
          flex: 0 0 33.3333%;
            max-width: 33.3333%;
      }
  }
  @media only screen and (max-width: 767px) {
      .Grid--1of2 > .Grid-cell{
          flex: 0 0 100%;
            max-width: 100%;
      }
      .Grid--1of3 > .Grid-cell{
          flex: 0 0 100%;
            max-width: 100%;
      }
      .Grid--1of4 > .Grid-cell{
          flex: 0 0 100%;
            max-width: 100%;
      }
      .Grid--1of5 > .Grid-cell{
          flex: 0 0 33.3333%;
            max-width: 33.3333%;
      }
      .Grid--1of6 > .Grid-cell{
          flex: 0 0 33.3333%;
            max-width: 33.3333%;
      }
      .gallery-section{
          .Grid--1of4 > .Grid-cell, .Grid--1of5 > .Grid-cell, .Grid--1of6 > .Grid-cell {
              flex: 0 0 50%;
                max-width: 50%;
          }
      }
      .content-info .Grid--1of3 > .Grid-cell{
          flex: 0 0 100%;
            max-width: 100%;
      }
  }