@charset "utf-8";
/* CSS Document */

.cssgrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(348px, 1fr));
  grid-auto-rows: auto;
  margin-left: auto;
  margin-right: auto;
}

.cssgrid > div {
  overflow: auto;
  padding: 2%;
}

.cssgrid-nopadding {
  display: grid; 
  grid-template-columns: repeat(auto-fit, minmax(348px, 1fr));
  grid-auto-rows: auto;
  margin-left: auto;
  margin-right: auto;
}

.cssgrid-nopadding > div {
  overflow: auto;
}


.cssgrid_footer {
  display: grid;
  grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
  grid-auto-rows: auto;
  margin: 2%;
}

.cssgrid_footer > div {
  overflow: auto;
  padding: 4%;
}

.mini1 {
max-width: 350px;
height: auto;
display: block;
margin-top:130px; 
margin-left:100px;
}

.mini2 {
max-width: 350px;
height: auto;
display: block;
margin-top:130px; 
margin-left:80px;}

.mini3 {
max-width: 350px;
height: auto;
display: block;
margin-top:130px; 
margin-left:100px;
}

@media screen and (max-width:767px) {
.mini1 {
max-width:100%;
height: auto;
margin-top:80px; 
margin-left:0;
margin-right:0;
}

.mini2 {
max-width: 100%;
height: auto;
margin-top:20px; 
margin-left:0;
margin-right:0;
}

.mini3 {
max-width: 100%;
height: auto;
margin-top:80px; 
margin-left:0;
margin-right:0;
}
}