.bgblue{background-color:PowderBlue;}

.griditem{
margin:1em;
}

.gridleftitem{
margin-right:1em;
}

.gridrightitem{
margin-left:1em;
}

.gridcenteritem{
margin:1em; 
    display:flex;
    justify-content:center;
    align-items: center;    
}

.gridimg {
    padding: 1em;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
}

.grid_center {
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
}

.grid_300
{
  display:grid;
  justify-content: center;
  grid-template-columns: repeat(auto-fit, minmax(300px,1fr));
}

.grid_8{
  display:grid;
justify-content: center;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.grid_7{
  display:grid;
justify-content: center;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.grid_6{
  display:grid;
justify-content: center;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid_6_2fr_1{
  display:grid;
justify-content: center;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr;
}

.grid_5_2fr_1{
  display:grid;
justify-content: center;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
}

.grid_5{
  display:grid;
justify-content: center;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.grid_4{
  display:grid;
justify-content: center;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid_3_1fr_2fr_1fr{
  display:grid;
justify-content: center;
  grid-template-columns: 1fr 2fr 1fr;
}

.grid_3_hidem_3col{
  display:grid;
justify-content: center;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid_3{
  display:grid;
justify-content: center;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid_2_1fr_3fr
{
  display:grid;
justify-content: center;
  grid-template-columns: 1fr 3fr;
}

.grid_2_3fr_1fr
{
  display:grid;
justify-content: center;
  grid-template-columns: 3fr 1fr;
}

.grid_2_2fr_1fr
{
  display:grid;
justify-content: center;
  grid-template-columns: 2fr 1fr;
}

.grid_2_2fr_3fr
{
  display:grid;
justify-content: center;
  grid-template-columns: 2fr 3fr;
}

.grid_2
{
  display:grid;
justify-content: center;
  grid-template-columns: 1fr 1fr;
}

@media (max-width: 800px) {
.grid_2
{
  display:grid;
justify-content: center;
  grid-template-columns: 1fr;
}

.grid_2_2fr_1fr
{
  display:grid;
justify-content: center;
  grid-template-columns: 1fr;
}
.grid_2_2fr_3fr
{
  display:grid;
justify-content: center;
  grid-template-columns: 1fr;
}
}

@media (max-width: 1200px) {
.grid_2_2fr_3fr
{
  display:grid;
justify-content: center;
  grid-template-columns: 1fr 1fr;
}

.grid_2_2fr_1fr
{
  display:grid;
justify-content: center;
  grid-template-columns: 1fr 1fr;
}
.grid_3{
  display:grid;
justify-content: center;
  grid-template-columns: 1fr 1fr;
}

.grid_3_hidem_3col{
  display:grid;
justify-content: center;
  grid-template-columns: 1fr 1fr;
}

.grid_3_hidem_3col > div:nth-child(3n) {
  display: none;
}
.grid_4{
  display:grid;
justify-content: center;
  grid-template-columns: 1fr 1fr;
}
}