.hero-logo  img,.sb-logo img {
    filter: brightness(0) invert(1);
} 
.logo-holder {
    background: #000; padding:20px; border: 1px solid #fff;
} 
p.subtitle {color:#fff; text-align:Center; padding: 10px 0}
.section-entry h3 {font-size: 40px; margin-tpo: 35px}
.section-title {margin-top:30px}
.mytable {display:table; width:100%; }
.mytable tr {border: 1px solid #aaa; border-radius:5px; margin: 2px 0; height: 65px; overflow:hidden }
.mytable tr td {text-align:left; padding: 10px;vertical-align:middle; }
.mytable tr td strong {font-weight:bold}
.mytable tr td.cell-date {text-align:Center}
.mytable tr td.cell-image {padding:8px 0}
.mytable tr td.cell-btn {text-align:center}
.mytable tr td a {margin: 0}
.mytable tr td a.sold {color: #d00}
.btn {color: #bcfb08}
/*.table-row {display: table-row; border: 1px solid #333; border-radius:5px; margin: 2px 0; table-layout: auto; width: 100%}
.table-cell {display: table-cell; vertical-align: top; padding: 5px}*/
.cell-image img {width: 100px}
.slider .btn {font-size: 15px; font-weight: normal; width: 200px; margin: 30px; color: #fff   }
#sortv, #sort input {padding: 12px; border:1px solid #aaa; border-radius:5px;  margin-right: 10px}
#sort input {margin-right: 10px}
#sort {text-align:center}
.onlymobile {display:none}

@media only screen and  (max-width: 540px) {
    .slider .btn {margin: 10px; width: 80%}
    .contact h3, .contact p {text-align:Center}
    .mytable, .mytable tr, .mytable td {display:block; width: 100%; height: auto; text-align:center; padding: 0px }
    .mytable tr td.cell-place,.mytable tr td.cell-image, .mytable tr td.cell-title {text-align:Center}
    .mytable tr td.cell-image img {width: auto}
    #map {width:100%}
    .onlymobile {display:inline}
    .logo-holder {border:0; background: none; color: #000; padding:0; filter: brightness(0)}
}