.wrapper {
  display: grid;
  grid-template-columns: repeat(12, calc(100% / 12));
  grid-gap: 0;
  grid-auto-rows: minmax(100px, auto);
  width: 90%;
  margin: 0 5%;
}

.wrapper-f {
  display: grid;
  grid-template-columns: repeat(12, calc(100% / 12));
  grid-gap: 0;
  grid-auto-rows: minmax(100px, auto);
}

.wrapper13 {
  display: grid;
  grid-template-columns: repeat(13, calc(100% / 13));
  grid-gap: 0;
  grid-auto-rows: minmax(100px, auto);
  width: 90%;
  margin: 0 5%;
}

.wrapper13-f {
  display: grid;
  grid-template-columns: repeat(13, calc(100% / 13));
  grid-gap: 0;
  grid-auto-rows: minmax(100px, auto);
}

.full {
    grid-column: 1 / 13;
}

.half {
    grid-column: span 6;
}

.third {
    grid-column: span 4;
}

.quarter {
    grid-column: span 3;
}

.sixth {
    grid-column: span 2;
}

.five-sixth {
    grid-column: span 10;
}


.two {
    grid-column: span 2;
}

.one {
    grid-column: span 1;
}


.third1 {
    grid-column: 1 / span 4 ;
}

.third2 {
    grid-column: 5 / span 4 ;
}

.third3 {
    grid-column: 9 / span 4 ;
}