﻿
.container{width:90%;margin:auto;overflow:hidden;}
.container h1{font-size:22px;font:Verdana, Helvetica, sans-serif;color:#006600;text-align:center;padding-top:5px;padding-bottom :5px;}
.container h2 {font-size:12px;font:Verdana, Helvetica, sans-serif;color:#006600;text-align:left;}
.container p{font:10px/1.5 Verdana, Helvetica, sans-serif;color:#000000; font-weight:bold;text-align:center;text-transform:uppercase;margin:2% 2% 25px 2%;clear:both;}
#red p{font:12px;color:#FF0000;}
#black p{font:12px;color:#000000;text-align:center; }
.container ul li{font:10px/1.5 Verdana, Helvetica, sans-serif;color:#006600;font-size:12px;font-style:italic;}
.galleryItem3{color:#797478;font:10px/1.5 Verdana, Helvetica, sans-serif;width:28%;margin:2% 2% 25px 2%;float:left;-webkit-transition:color 0.5s ease;text-align:center;}
.galleryItem3 h2{text-transform:uppercase;line-height:1.5;text-align:center;}
.galleryItem3 h3{text-transform:uppercase;line-height:1.5;text-align:center;}
.galleryItem3:hover{color:#000;font-weight:bold;}
.galleryItem3 img{max-width:100%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:block;margin-left:auto;margin-right:auto;}
.galleryItem3 p {width:80%;margin-left:auto; margin-right:auto;}
.galleryItem4{color:#797478;font:10px/1.5 Verdana, Helvetica, sans-serif;width:21%;margin:2% 2% 25px 2%;float:left;-webkit-transition:color 0.5s ease;}
.galleryItem4 h2{text-transform:uppercase;line-height:1.5;text-align:center;}
.galleryItem4 h3{text-transform:uppercase;line-height:1.5;text-align:center;}
.galleryItem4:hover{color:#000;font-weight:bold;}
.galleryItem4 img{max-width:90%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:block;margin-left:auto;margin-right:auto; }
@media only screen and (max-width:940px),
only screen and (max-device-width:940px){.galleryItem3{width:26.6%;}
.galleryItem4{width:20%}
}
@media only screen and (max-width:720px),
only screen and (max-device-width:720px){.galleryItem3{width:28%;}
.galleryItem4{width:35%;}
}
@media only screen and (max-width:530px),
only screen and (max-device-width:530px){.galleryItem3{width:28%;}
.galleryItem4{width:40%;}
}
@media only screen and (max-width:320px),
only screen and (max-device-width:320px){.galleryItem3 img{width:100%;}
.galleryItem4 img{width:auto;height:auto;}
.galleryItem3 h3{font-size:8px;}
.galleryItem4 h3{font-size:8px;}
}
#map_canvas{margin:auto;width:100%;height:310px;}