:root{
}

.grid-named-areas{
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:1fr;
  grid-template-columns:1fr;
  -ms-grid-rows:4.5rem 1fr;
  grid-template-rows:4.5rem 1fr;
  grid-template-areas:"header" "main";
  height:100%;
}

@media (min-width: 1000px){

.grid-named-areas{
    -ms-grid-columns:1fr 300px;
    grid-template-columns:1fr 300px;
    grid-template-areas:"header header" "main sidebar"
}
    
  }

.grid-full{
  display:-ms-grid;
  display:grid;
  -ms-grid-rows:1fr;
  grid-template-rows:1fr;
  -ms-grid-columns:(minmax(0, 1fr))[4];
  grid-template-columns:repeat(4, minmax(0, 1fr));
  grid-gap:20px;
  height:100%;
}

.grid-full .grid-full .grid-full{
    display:block;
  }

@media (min-width: 500px){

.grid-full{
    grid-column-gap:40px;
}
  }

@media (min-width: 700px){

.grid-full{
    -ms-grid-columns:(minmax(0, 1fr))[4];
    grid-template-columns:repeat(4, minmax(0, 1fr));
    grid-column-gap:40px;
}
  }

@media (min-width: 1000px),(min-width: 1200px),(min-width: 1440px){

.grid-full{
    -ms-grid-columns:(minmax(0, 1fr))[12];
    grid-template-columns:repeat(12, minmax(0, 1fr));
}
  }

@media (min-width: 1000px){

.grid-full{
    grid-column-gap:40px;
}
  }

@media (min-width: 1200px),(min-width: 1440px){

.grid-full{
    grid-column-gap:65px;
}
  }

.grid-full{
  padding:0 20px;
}

@media (min-width: 700px){

.grid-full{
    padding:0 30px;
  }
  }

@media (min-width: 1000px){

.grid-full{
    padding:0 40px;
  }
  }

@media (min-width: 1200px),(min-width: 1440px){

.grid-full{
    padding:0 65px;
  }
  }

.content-grid{
  display:-ms-grid;
  display:grid;
  -ms-grid-rows:1fr;
  grid-template-rows:1fr;
  -ms-grid-columns:(minmax(0, 1fr))[4];
  grid-template-columns:repeat(4, minmax(0, 1fr));
  grid-gap:20px;
  height:100%;
}

.content-grid .grid-full .grid-full{
    display:block;
}

@media (min-width: 500px){

  .content-grid{
    grid-column-gap:40px;
}
  }

@media (min-width: 700px){

  .content-grid{
    -ms-grid-columns:(minmax(0, 1fr))[4];
    grid-template-columns:repeat(4, minmax(0, 1fr));
    grid-column-gap:40px;
}
  }

@media (min-width: 1000px),(min-width: 1200px),(min-width: 1440px){

  .content-grid{
    -ms-grid-columns:(minmax(0, 1fr))[12];
    grid-template-columns:repeat(12, minmax(0, 1fr));
}
  }

@media (min-width: 1000px){

  .content-grid{
    grid-column-gap:40px;
}
  }

@media (min-width: 1200px),(min-width: 1440px){

  .content-grid{
    grid-column-gap:65px;
}
  }

.content-grid{
  padding:0 20px;
}

@media (min-width: 700px){

  .content-grid{
    padding:0 30px;
}
  }

@media (min-width: 1000px){

  .content-grid{
    padding:0 40px;
}
  }

@media (min-width: 1200px),(min-width: 1440px){

  .content-grid{
    padding:0 65px;
}
  }

.content-grid{
  margin:0;
  padding:0;
  grid-row-gap:2.5rem;
  grid-column-gap:40px;
}

.content-grid p{
    margin:0;
  }

.content-grid h1{
    margin:0;
  }

.content-grid > *{
    grid-column:1 / -1;
  }

@media (min-width: 700px){

.content-grid > *{
      -ms-grid-column:1;
      -ms-grid-column-span:3;
      grid-column:1 / 4
  }
    }

@media (min-width: 1000px),(min-width: 1200px){

.content-grid > *{
      -ms-grid-column:1;
      -ms-grid-column-span:10;
      grid-column:1 / 11
  }
    }

@media (min-width: 1440px){

.content-grid > *{
      -ms-grid-column:1;
      -ms-grid-column-span:8;
      grid-column:1 / 9
  }
    }

.content-grid .fixed-columns{
  display:-ms-grid;
  display:grid;
  -ms-grid-rows:1fr;
  grid-template-rows:1fr;
  -ms-grid-columns:(minmax(0, 1fr))[4];
  grid-template-columns:repeat(4, minmax(0, 1fr));
  grid-gap:20px;
  height:100%;
  }

.content-grid .fixed-columns .grid-full .grid-full{
    display:block;
  }

@media (min-width: 500px){

  .content-grid .fixed-columns{
    grid-column-gap:40px;
  }
  }

@media (min-width: 700px){

  .content-grid .fixed-columns{
    -ms-grid-columns:(minmax(0, 1fr))[4];
    grid-template-columns:repeat(4, minmax(0, 1fr));
    grid-column-gap:40px;
  }
  }

@media (min-width: 1000px),(min-width: 1200px),(min-width: 1440px){

  .content-grid .fixed-columns{
    -ms-grid-columns:(minmax(0, 1fr))[12];
    grid-template-columns:repeat(12, minmax(0, 1fr));
  }
  }

@media (min-width: 1000px){

  .content-grid .fixed-columns{
    grid-column-gap:40px;
  }
  }

@media (min-width: 1200px),(min-width: 1440px){

  .content-grid .fixed-columns{
    grid-column-gap:65px;
  }
  }

.content-grid .fixed-columns{
  padding:0 20px;
  }

@media (min-width: 700px){

  .content-grid .fixed-columns{
    padding:0 30px;
  }
  }

@media (min-width: 1000px){

  .content-grid .fixed-columns{
    padding:0 40px;
  }
  }

@media (min-width: 1200px),(min-width: 1440px){

  .content-grid .fixed-columns{
    padding:0 65px;
  }
  }

.content-grid .fixed-columns{
    grid-gap:2.5rem;
  }

@media (min-width: 1000px),(min-width: 1200px){

.content-grid .fixed-columns{
      grid-column:1 / -1
  }
    }

.content-grid .fixed-columns > *{
      grid-column:1 / -1;
    }

.content-grid .fixed-columns{
    grid-auto-flow:dense;
    margin:0;
    padding:0;
}

.content-grid .fixed-columns.inner{
      margin:1rem 0;
    }

@media (max-width: 1300px){

.content-grid .fixed-columns.inner{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
        .content-grid .fixed-columns.inner .span-4, .content-grid .fixed-columns.inner .span-8, .content-grid .fixed-columns.inner .span-8.end{
          grid-column:1 / -1;
        }
      }

.content-grid .fixed-columns .span-2 > *:not(:last-child){
    margin-bottom:2rem;
  }

@media (min-width: 1000px),(min-width: 1200px){

.content-grid .fixed-columns .span-2{
        -ms-grid-column:1;
        -ms-grid-column-span:2;
        grid-column:1 / 3
    }
        .content-grid .fixed-columns .span-2.middle-end{
          -ms-grid-column:9;
          -ms-grid-column-span:2;
          grid-column:9 / 11;
        }
        .content-grid .fixed-columns .span-2.end{
          grid-column:11 / -1;
        }
      }

.content-grid .fixed-columns .span-4 > *:not(:last-child){
    margin-bottom:2rem;
  }

@media (min-width: 1000px),(min-width: 1200px){

.content-grid .fixed-columns .span-4{
        -ms-grid-column:1;
        -ms-grid-column-span:4;
        grid-column:1 / 5
    }
        .content-grid .fixed-columns .span-4.middle{
          -ms-grid-column:5;
          -ms-grid-column-span:4;
          grid-column:5 / 9;
        }
        .content-grid .fixed-columns .span-4.end{
          grid-column:9 / -1;
        }
        .content-grid .fixed-columns .span-4.right{
          grid-column:9 / -1;
        }
        .content-grid .fixed-columns .span-4.left{
          -ms-grid-column:1;
          -ms-grid-column-span:4;
          grid-column:1 / 5;
        }
      }

.content-grid .fixed-columns .span-5 > *:not(:last-child){
    margin-bottom:2rem;
  }

@media (min-width: 1000px),(min-width: 1200px){

.content-grid .fixed-columns .span-5{
        -ms-grid-column:1;
        -ms-grid-column-span:5;
        grid-column:1 / 6
    }
        .content-grid .fixed-columns .span-5.end{
          grid-column:8 / -1;
        }
        .content-grid .fixed-columns .span-5.right{
          grid-column:8 / -1;
        }
        .content-grid .fixed-columns .span-5.left{
          -ms-grid-column:1;
          -ms-grid-column-span:5;
          grid-column:1 / 6;
        }
      }

.content-grid .fixed-columns .span-6 > *:not(:last-child){
    margin-bottom:2rem;
  }

@media (min-width: 1000px),(min-width: 1200px){

.content-grid .fixed-columns .span-6{
        -ms-grid-column:1;
        -ms-grid-column-span:6;
        grid-column:1 / 7
    }
        .content-grid .fixed-columns .span-6.end{
          grid-column:7 / -1;
        }
        .content-grid .fixed-columns .span-6.right{
          grid-column:7 / -1;
        }
        .content-grid .fixed-columns .span-6.left{
          -ms-grid-column:1;
          -ms-grid-column-span:6;
          grid-column:1 / 7;
        }
      }

.content-grid .fixed-columns .span-7 > *:not(:last-child){
    margin-bottom:2rem;
  }

@media (min-width: 1000px),(min-width: 1200px){

.content-grid .fixed-columns .span-7{
        -ms-grid-column:1;
        -ms-grid-column-span:7;
        grid-column:1 / 8
    }
        .content-grid .fixed-columns .span-7.end{
          grid-column:6 / -1;
        }
        .content-grid .fixed-columns .span-7.right{
          grid-column:6 / -1;
        }
        .content-grid .fixed-columns .span-7.left{
          -ms-grid-column:1;
          -ms-grid-column-span:7;
          grid-column:1 / 8;
        }
      }

.content-grid .fixed-columns .span-8 > *:not(:last-child){
    margin-bottom:2rem;
  }

@media (min-width: 1000px),(min-width: 1200px){

.content-grid .fixed-columns .span-8{
        -ms-grid-column:1;
        -ms-grid-column-span:8;
        grid-column:1 / 9
    }
        .content-grid .fixed-columns .span-8.end{
          grid-column:5 / -1;
        }
        .content-grid .fixed-columns .span-8.right{
          grid-column:5 / -1;
        }
        .content-grid .fixed-columns .span-8.left{
          -ms-grid-column:1;
          -ms-grid-column-span:8;
          grid-column:1 / 9;
        }
      }

.content-grid .fixed-columns .span-10 > *:not(:last-child){
    margin-bottom:2rem;
  }

@media (min-width: 1000px),(min-width: 1200px){

.content-grid .fixed-columns .span-10{
        -ms-grid-column:1;
        -ms-grid-column-span:10;
        grid-column:1 / 11
    }
        .content-grid .fixed-columns .span-10.end{
          grid-column:3 / -1;
        }
      }

@media (min-width: 1000px),(min-width: 1200px){

.content-grid .fixed-columns .row-span-2{
        -ms-grid-row-span:2;
        grid-row:span 2
    }
      }