.h100 {
    height: 100%
}

.obj-pos-center {
    -o-object-position: center;
    object-position: center
}

.obj-pos-top {
    -o-object-position: top;
    object-position: top
}

.obj-pos-bottom {
    -o-object-position: bottom;
    object-position: bottom
}

.obj-pos-left {
    -o-object-position: left;
    object-position: left
}

.obj-pos-right {
    -o-object-position: right;
    object-position: right
}

.max-height-vh10 {
    max-height: 10vh;
}

.max-height-vh20 {
    max-height: 20vh;
}

.max-height-vh30 {
    max-height: 30vh;
}

.max-height-vh40 {
    max-height: 40vh;
}

.max-height-vh50 {
    max-height: 50vh;
}

.max-height-vh60 {
    max-height: 60vh;
}

.max-height-vh70 {
    max-height: 70vh;
}

.max-height-vh80 {
    max-height: 80vh;
}

.max-height-vh90 {
    max-height: 90vh;
}

.max-height-vh100 {
    max-height: 100vh;
}


.grid-4-col {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

@media(max-width: 1050px) {
    .grid-4-col {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width: 500px) {
    .grid-4-col {
        grid-template-columns: repeat(1, 1fr);
    }
}

.table-grid{
    display: grid;
    grid-template-rows: repeat(1, 1fr);
    grid-template-columns: repeat(1, 1fr);
    padding: 1px;
    border-radius: 4px;
  }
  
  .table-grid-cell{
    outline: 1px solid;
    margin-bottom: 1px;
    margin-right: 1px; 
    padding: .5rem;
    box-sizing: border-box;
    align-items: baseline;
  }
  
  @media(max-width: 420px){
    .table-grid-cell p{
      font-size: 11px;
    }
  }
  
  .models-table{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
  
  .model-table-column{
    display: flex;
    flex-direction: column;
    align-self: stretch;
  }
  
  .model-table-cell{
    outline: 1px solid;
    margin-bottom: 1px;
    margin-right: 1px; 
    padding: .5rem;
    box-sizing: border-box;
    align-items: baseline;
    align-self: stretch;
  }
  
  .table-grid-row:first-of-type div:first-child{
    border-top-left-radius: 4px;
  }
  
  .table-grid-row:first-of-type div:last-child{
    border-top-right-radius: 4px;
  }
  
  .table-grid-row:last-of-type div:first-child{
    border-bottom-left-radius: 4px;
  }
  
  .table-grid-row:last-of-type div:last-child{
    border-bottom-right-radius: 4px;
  }


  .h1px{
    height: 1px;
  }



  .grid-1-col{display: grid; grid-template-columns: repeat(1, 1fr);}
  .grid-2-col{display: grid; grid-template-columns: repeat(2, 1fr);}
  .grid-3-col{display: grid; grid-template-columns: repeat(3, 1fr);}
  .grid-4-col{display: grid; grid-template-columns: repeat(4, 1fr);}
  .grid-5-col{display: grid; grid-template-columns: repeat(5, 1fr);}
  .grid-6-col{display: grid; grid-template-columns: repeat(6, 1fr);}

  @media(min-width: 40em){
    .sm-grid-1-col{display: grid; grid-template-columns: repeat(1, 1fr);}
    .sm-grid-2-col{display: grid; grid-template-columns: repeat(2, 1fr);}
    .sm-grid-3-col{display: grid; grid-template-columns: repeat(3, 1fr);}
    .sm-grid-4-col{display: grid; grid-template-columns: repeat(4, 1fr);}
    .sm-grid-5-col{display: grid; grid-template-columns: repeat(5, 1fr);}
    .sm-grid-6-col{display: grid; grid-template-columns: repeat(6, 1fr);}
  }

  @media(min-width:52em){
    .md-grid-1-col{display: grid; grid-template-columns: repeat(1, 1fr);}
    .md-grid-2-col{display: grid; grid-template-columns: repeat(2, 1fr);}
    .md-grid-3-col{display: grid; grid-template-columns: repeat(3, 1fr);}
    .md-grid-4-col{display: grid; grid-template-columns: repeat(4, 1fr);}
    .md-grid-5-col{display: grid; grid-template-columns: repeat(5, 1fr);}
    .md-grid-6-col{display: grid; grid-template-columns: repeat(6, 1fr);}
  }

  @media(min-width: 64em){
    .lg-grid-1-col{display: grid; grid-template-columns: repeat(1, 1fr);}
    .lg-grid-2-col{display: grid; grid-template-columns: repeat(2, 1fr);}
    .lg-grid-3-col{display: grid; grid-template-columns: repeat(3, 1fr);}
    .lg-grid-4-col{display: grid; grid-template-columns: repeat(4, 1fr);}
    .lg-grid-5-col{display: grid; grid-template-columns: repeat(5, 1fr);}
    .lg-grid-6-col{display: grid; grid-template-columns: repeat(6, 1fr);}
  }

  @media(min-width: 77.125em){
    .xl-grid-1-col{display: grid; grid-template-columns: repeat(1, 1fr);}
    .xl-grid-2-col{display: grid; grid-template-columns: repeat(2, 1fr);}
    .xl-grid-3-col{display: grid; grid-template-columns: repeat(3, 1fr);}
    .xl-grid-4-col{display: grid; grid-template-columns: repeat(4, 1fr);}
    .xl-grid-5-col{display: grid; grid-template-columns: repeat(5, 1fr);}
    .xl-grid-6-col{display: grid; grid-template-columns: repeat(6, 1fr);}
  }

  @media(min-width: 90em){
    .xxl-grid-1-col{display: grid; grid-template-columns: repeat(1, 1fr);}
    .xxl-grid-2-col{display: grid; grid-template-columns: repeat(2, 1fr);}
    .xxl-grid-3-col{display: grid; grid-template-columns: repeat(3, 1fr);}
    .xxl-grid-4-col{display: grid; grid-template-columns: repeat(4, 1fr);}
    .xxl-grid-5-col{display: grid; grid-template-columns: repeat(5, 1fr);}
    .xxl-grid-6-col{display: grid; grid-template-columns: repeat(6, 1fr);}
  }