*, *::before, *::after {
    box-sizing: border-box;
  }

  html, body, div, span, iframe,
  h1, h2, h3, h4, h5, h6, p, a, em, img, 
  strong, sub, sup, ol, ul, li, form, label,
  table, tbody, thead, th, td,
  footer, header, nav, audio, video, hr {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
  }

  ul, ol {
    list-style: none;
  }

  img, video, picture {
    width: 100%;
  }

  .page-row {
    width: 100%;
    padding: 20px 0;
    /*border: 1px solid red;*/
  }

  .page-column {
    margin: 0 auto;
    padding: 20px;
    /*border: 1px solid green;*/
  }

  .clear{}

  .page-column:after, .clear:after {
    display: block;
    content: '';
    clear: both;
  }

  [class^="cell-"] {
    float: left;
    padding: 5px;
    position: relative;
    /*border: 1px solid blue;*/
  }

  .cell-1 {
    width: 8.33%;
  }

  .cell-2 {
    width: 16.66%;
  }

  .cell-3 {
    width: 25%;
  }

  .cell-4 {
    width: 33.33%;
  }

  .cell-5 {
    width: 41.66%;
  }

  .cell-6 {
    width: 50%;
  }

  .cell-7 {
    width: 58.33%;
  }

  .cell-8 {
    width: 66.66%;
  }

  .cell-9 {
    width: 75%;
  }

  .cell-10 {
    width: 83.33%;
  }

  .cell-11 {
    width: 91.66%;
  }

  .cell-12 {
    width: 100%;
  }

  @media only screen and (max-width: 750px) {

    .cell-m-1 {
        width: 8.33%;
      }

    .cell-m-2 {
      width: 16.66%;
    }

    .cell-m-3 {
      width: 25%;
    }
  
    .cell-m-4 {
      width: 33.33%;
    }
  
    .cell-m-5 {
      width: 41.66%;
    }
  
    .cell-m-6 {
      width: 50%;
    }
  
    .cell-m-7 {
      width: 58.33%;
    }
  
    .cell-m-8 {
      width: 66.66%;
    }
  
    .cell-m-9 {
      width: 75%;
    }
  
    .cell-m-10 {
      width: 83.33%;
    }
  
    .cell-m-11 {
      width: 91.66%;
    }
  
    .cell-m-12 {
      width: 100%;
    }
  }
  
  .padding-reset {
    padding: 0;
  }

  .centered {
    margin: 0 auto;
  }

  .center-text {
    text-align: center;
  }

  .default-hidden {
    display: none;
  }