body {padding:0;margin:0;font-family:Arial, Helvetica, sans-serif;background:white;}

#container {width: 100%;max-width: 1920px;min-width: 300px; margin: 0 auto;}

h1 {font: normal 70px ITC Avant Garde Gothic Std Demi;color: black;text-align:center;}

#logo a {display: inline-block;}
.logocontent {margin: 9% 0 0 19.5%;}

.templates {padding:40px 2%;background:#f0efef;}

.grid-sizer,
.grid-item { width: 18%; margin-bottom:50px;box-sizing:border-box;padding:0.5%;background:white;transition:all 0.5s;box-shadow:5px 5px 0px #234932;}

.gutter-sizer { width: 2.5%; }

.grid-item--width2 { width: 48%; }

.grid-item img {width:100%;height:auto;opacity:1;transition:all 0.5s;}
.grid-item img:hover {opacity:0.8;}

.big {width:100%;max-width:1200px;margin:40px auto;}
.big img {width:100%;height:auto;border:solid 8px #239762;box-sizing:border-box;}

a.btn {background:#239762;color:white;text-transform:uppercase;font-weight:bold;text-decoration:none;padding:10px 15px;display:inline-block;transition: all 0.5s;box-shadow:3px 3px 0px #013f26;}
a.btn:hover {background: #ffa900;box-shadow: none;}



@media screen and (max-width: 1024px) {
    .grid-sizer,
    .grid-item { width: 23%; margin-bottom:25px;}
    .gutter-sizer { width: 2.666%; }
}

@media screen and (max-width: 768px) {
    .grid-sizer,
    .grid-item { width: 31%; margin-bottom:25px;}
    .gutter-sizer { width: 3.5%; }
}

@media screen and (max-width: 600px) {
    .grid-sizer,
    .grid-item { width: 48%; margin-bottom:25px;}
    .gutter-sizer { width: 4%; }
}

@media screen and (max-width: 400px) {
    .grid-sizer,
    .grid-item { width: 100%; margin-bottom:25px;}
    .gutter-sizer { width: 0%; }
}