#content #bottom_square { height: 30px; float: right; margin: 15px 0 0 3%; width: 23%; padding: 10px 2%; background: #651c10 }
#content img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ }



.gallery_dirs { width: 31%; margin-right: 2%; float: left; text-align: center; }
.gallery_dirs img { border: 1px solid #e77529; }
.gallery_dirs img:hover { border: 1px solid #651c10; }

.gallerybox { width: 250px; height: 190px; padding: 10px 1.5%; float: left; }
.gallerybox img { border: 1px solid #651c10; }

#content .map { width: 80%; max-width: 630px; float: left; height: 500px; }


@media screen and (max-width: 768px) {
    
    #content #bottom_square { width: 41%; }
    
}


@media screen and (max-width: 650px) {
    
    #content .map { width: 100%; max-width: 630px; float: none; height: 500px; }
    
}

@media screen and (max-width: 320px) {
    
    #content #bottom_square { width: 90%; margin: 15px 5% 0 5%; float: none; }
    
}