Yoga CSS

<style>

@media (min-width: 992px) {
.menu-helper {right: 0;}
#navigation { width: 100%;}
}

#content-wrapper {padding-top:0px;}
.welcome {margin-top: 0px;}
#header .site-name {padding-top: 0px;z-index: 9; position: relative; max-width: 300px; margin: 0 auto;}
#header {margin-bottom: 20px;}
.navigation-in ul.menu-level-2 li, .navigation-in ul.menu-level-2 {border-style: none !important;}
#xxxnav-manufacturers {display:none;}
@media (min-width: 992px) {
#header .site-name {margin-top: -50px;}
}

.product {border-color: transparent;}
.products-block > div .p .p-code, .products-block > div .p .p-bottom .p-desc, .subcategories.with-image, h4, #productsTop, .filters-wrapper {display:none;}
.products-block > div .p .name {font-size: 30px;}
.products-block .p > a img {max-width: 90% !important;}
.products-block .product:not(.highlight-product):hover .tools-wrap {display: none !important;}
.products-block .product .name {font-size: 20px; font-weight: 100;}
.products-block .product .price {font-size: 18px;}
@media (max-width: 768px) {
.products-block .product .name {height: 55px;}
}

.menu-helper::after, .menu-trigger::after {background-color: #fff; color: #EA5C8E;}

#footer, .footer-section {background-color: #f7f7f7; border-style: none;}
</style>