img {max-width: 100%;}
.clr {clear: both;}
.hr10 {clear:both; margin:0 0 10px 0;}
.hr20 {clear:both; margin:0 0 20px 0;}
.hr30 {clear:both; margin:0 0 30px 0;}
.hr40 {clear:both; margin:0 0 40px 0;}
.hr50 {clear:both; margin:0 0 50px 0;}

#breadcrumb {padding: 10px 10px 0 10px;}
.articleBox {margin:0 0 40px 0;}
.title {font-size:24px; margin:0 0 5px 0;}
.title h2 {font-size:24px; line-height:30px; margin-top:0;}
.title strong {font-weight: normal;}
.info {margin:0 0 15px 0; color:#878787;}
.info span {margin:0 5px 0 0;}
.tab-pane {text-align: left;}
.social {text-align: left;}
.similar {text-align: left;}
.similar  h5 {font-size:20px;}
.contact {text-align: left;}

#logo {font-family: 'Lobster', cursive; font-size:50px;color:#fff;line-height: 1.1em;}

header nav ul li ul {display: none; position: absolute; z-index: 10000000; background-color:#313131; min-width: 100%;margin:0; padding:0; overflow: hidden;}
header nav ul li ul li {padding: 0;}
header nav ul li ul li a {white-space: nowrap;}
header nav ul li:hover {background-color:#313131;}
header nav ul li:hover ul {display: block;}

@media only screen and (min-width: 959px) {
    .zerogrid .col11.main-content {width:690px;}
}

@media only screen and (min-width: 769px) and (max-width: 959px) {
    .zerogrid .col05 {width:270px;}
    .main-content {padding:0 15px;}
}