body, ul, ol, li, p, label, input {
	font-family: 'Roboto', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}
#banner {
	padding: 120px 0 80px 0;
}

#banner .container .text-center {
	font-weight: bold;
}

.copyright {
	background: #1a1a1a;
	padding: 15px 0 5px 0;
	color: #4b4b4b;
}
.footer {
	margin-top:60px;
	background: #2a2a2a;
	padding: 40px 0;
	color: #888;
}
.footer a {
	color: #888;
}
.footer a:hover {
	color: #df1919;
}
#banner {
	background: #3298d4;
	color: #fff;
}
#banner h1 {
	margin-bottom: 40px;
}
h4 {
	font-weight: bold;
	text-transform: uppercase;
}
.navbar {
	background: #2b2b2b;
	height: 70px;
	
}
.navbar-brand {
	/*padding: 9px 15px;*/
	padding: 20px 15px 15px 9px;
	font-weight: bold;
}
.navbar-nav>li>a {
	padding-top: 25px;
	padding-bottom: 25px;
	font-weight: bold;
	text-transform: uppercase;
	color: #2a2a2a;
}
.bg-lightgrey {
	background: #e1ddde;
	padding: 40px 0;
	margin-top: 60px;
}
.carousel-inner .text-center {
	padding-top: 20px;
	height: 150px;
}
.carousel-control.left,
.carousel-control.right {
	background: none;
}
.carousel-control {
	border: 2px solid #cc0000;
	padding: 20px;
	width: 60px;
	height: 60px;
	padding: 0;
	text-align: center;
	color: #cc0000;
	text-shadow: none;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	top: 23px;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	right: 24px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
	left: 24px;
}

.favorite-dishes img {
    margin-bottom:20px;
}
.img-responsive {
    max-width: 100%;
    width: 100%;
}

@media (max-width: 768px) {
    .footer .space-mobile {
        margin-top:30px;
    }
}