/*!---------- Custom Styles Here ----------*/

.logo{ max-height: 90px; }
@media all and (max-width: 767px){
	.logo{ max-height: 56px; }
}

/* Utility bar: address left, social icons right, hours hidden on mobile */
.utility-social{ text-align: right; }
@media all and (min-width: 768px){
	.utility-social{ text-align: center; }
}

/* More breathing room between sections */
section{ padding: 200px 0; }
@media all and (max-width: 767px){
	section{ padding: 112px 0; }
}

/* Black & white only: no gray tones anywhere, photography desaturated */
img{ filter: grayscale(1) contrast(1.05); }

/* Inline social icon sprite */
.icon-social{ width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.6; vertical-align: -3px; }
.social-list a{ display: inline-block; transition: opacity .25s ease, transform .25s ease; }
.social-list a:hover{ opacity: .6; transform: translateY(-2px); }

/* Feature icon rows (Caffe / Cars / Studio) */
.feature-icon{ font-size: 30px; display: inline-block; margin-bottom: 14px; color: #000; }

/* Stat numbers (Über uns) */
.stat-number{ color: #000; }

/* Gentle hover life on imagery */
.image-row .background-image-holder{ transition: transform .6s ease; }
.image-row > div:hover .background-image-holder{ transform: scale(1.04); }
.instafeed.grid-gallery li{ overflow: hidden; }
.instafeed.grid-gallery li img{ transition: transform .5s ease; }
.instafeed.grid-gallery li:hover img{ transform: scale(1.06); }

/* Footer links need to be legible on the black background: pure white, no gray */
.bg-primary a{ color: #fff; }
.bg-primary a:hover{ opacity: .7; }
.footer-links li{ margin-bottom: 8px; }
.footer-legal{ border-top: 1px solid #fff; margin-top: 80px; padding-top: 40px; }
.footer-legal a{ color: #fff; font-weight: 400; }
.footer-legal a:hover{ opacity: .6; }
.footer-legal .list-inline > li{ padding: 0 0 0 16px; }
.footer-legal .list-inline > li:first-child{ padding-left: 0; }
