html { background-color: #8FBEDD;background: url(../img/vintagebak1.jpg) no-repeat center center fixed; /*82*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {font-size:0.9em;text-align:center;text-align:center;}

main {max-width:90%;margin:auto;}

.grid { 
  display: inline-grid;
  grid-template-columns: repeat(auto-fill, minmax(225px, 1fr));
  grid-gap: 30px;
  align-items: stretch;
  }
.grid > article {
  border: 1px solid #475C4D;
  border-radius:10px;
  box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
  background-color:#fff;
}

.grid2 { 
  display: inline-grid;
  grid-template-columns: repeat(auto-fill);
  grid-gap: 30px;
  align-items: stretch;
  }
.grid2 > article {
  border: 1px solid #475C4D;
  border-radius:10px;
  box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
  background-color:#fff;
}

.grid > article img {
  max-width: 99%;border-radius:10px;
}
.text {
  padding: 0 20px 20px;
}
.text > button {
  background: #475C4D;
  border: 0;
  color: white;
  padding: 10px;
  width: 100%;
  }
.text > button a{color:#fff;text-decoration:none;}

.text > h3 {color:#475C4D;font-size:1.25em;}

img {padding: 4px;  border: 2px solid #880000;}

.noborder {border:0px solid #880000;}

.rotateimg180 {
  -webkit-transform:rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  padding: 4px;
  background: #F2BD7E;
}

.fa {color: #362314;}

form img {border:0px;}
footer img {border:1px;}