.item {float:left;margin-bottom:40px}
.item img {width:100%}

@media (min-width:1200px) {.item {width:25%}}
@media (min-width:1000px) {.item {width:33%}}


body {font-family:'Open Sans Condensed',sans-serif;font-size:18px;line-height:25px;font-weight:normal;color:#000;padding:0;margin:0;background:#fff}

div, img, p, ul, br, li, a {margin:0;padding:0}
p {padding:0 20px;text-align:justify}
img {border:0}
hr.clear {border:none;border-top:5px solid #ccc}
.more a {display:block;background:#ccc;width:60px;height:60px;color:#fff;text-align:center;margin:0 auto;
line-height:60px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden}
a {color:#f75110;text-decoration:none;border:0}
.more a {color:#fff}
.more a:hover {background:#f75110;color:#fff}
a:hover {color:#00a0c6}

h1, h2, h3, .more a {font-family:'Montserrat',sans-serif;font-weight:700}
h1, h2, h3 {padding:0 20px;color:#00a0c6}
h1 {font-size:40px}
h2 {font-size:25px}
h3 {color:#000}

.logo {width:230px;margin:40px auto}
.clear {clear:both;height:1px}

#wrapper {width:100%}
#footer {background:#eee;padding:40px}
#footer a:hover {color:#000}
#footer h2, #footer p {text-align:center}


@media (max-width:900px) {.item {width:50%}}
@media (max-width:768px) {.item {width:100%}
p {text-align:left}}