body {
    
	background-image: url('https://restaurant.hogo.app/img/background/bg-main.jpg');
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
	min-height: 100vh;

    
}

h1, h2, h3 {
	
/*	font-family: 'Poiret One', cursive;
	font-family: 'Montserrat', Sans-serif;*/
	font-family: 'Rajdhani', sans-serif;
	text-transform:uppercase;
	font-weight: 300;

	
}


#logo {
    
    height: 100vh;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */    
    
}




#catHeader {
	
	margin-top: 125px;
}

/*ul.sub-menu {
	
	display: none;
	
}

.showOn {
	
	display:block;
	visibility: visible;
}*/
.text-custom {
	
	
	color:#a56a34;
}

.catTitle {
    
    	color:#a56a34;

    
}




.shadow-custom {
  text-shadow: 2px 2px 4px #000000;
}

/* STREAK */

.cat-item {
    height: 75px;
}

.cat-item.cat-item-photo {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.catTitleWrapper {
    
    
    height: 90%; 
    width:100%;
    display:flex;
    align-items: center;
    justify-content:center;
    
}

.navbar-dark .navbar-brand {
    
        color: #ee92f5;
}

.navbar.navbar-dark .breadcrumb .nav-item.active>.nav-link:hover, .navbar.navbar-light .navbar-nav .nav-item.active>.nav-link:hover, .navbar.navbar-light .navbar-toggler {
    color: #fff;
}

.navbar.navbar-dark .navbar-toggler-icon {
    background-image: url('https://assets.hogo.app/img/svg/hamburger1.svg?color=ee92f5');
}

.bg-black {
    background-color: rgba(255, 169, 0, 0.8);
}

.navbar-nav {
    float:none;
    margin:0 auto;
/*    display: flex;
    text-align: center;*/
}

.navbar {
    
    border-bottom: 1px solid #a56a34;
/*	background-image: url('https://torofusion.hogo.app/img/background/91722-vok.png');
*/	background-position: center center;
	background-attachment: fixed;
}

.navbar-nav > li {
    display: block;
    float:none;
    line-height:0.9rem;
}

.navbar-brand, .navbar-item-link {

	font-family: 'Rajdhani', sans-serif;
	text-transform:uppercase;
	font-weight: 300;
	
}

.navbar-item-link {

	font-size:1.2rem;
	line-height: 2.1rem;
}

.navbar-item-link:hover {

	color:#D24346;
}

.border-main {
	
	color:#ff0b0b!important;
}


.card {
	
    background-color: transparent;
    border-bottom: 0px dotted rgba(0,0,0,.125);
    border-radius: 0rem;
    -webkit-box-shadow:0;
    box-shadow:none;
	
}

.card-title {
	
	font-family: 'Rajdhani', sans-serif;
	text-transform:uppercase;
	font-weight: 300;}

.card-price {
	
	color:#B7B4B4;
	font-family: 'Rajdhani', sans-serif;
	text-transform:uppercase;
	font-weight: 300;
}

.bg-black {
opacity: .9;	
	
}

.btn {
	color:#fff;
	font-family: 'Rajdhani', sans-serif;
	text-transform:uppercase;
	font-weight: 600;
	border:0px solid #B7B4B4;

	
}

.btn-main {
	background-color:#a56a34!important;

}

.redColor {
	color:#ff0b0b;
	
}

.redDark {
	color:#670000;
	
}

.card-desc {
	
	font-size: 0.8rem;
	font-style: normal;
}


.divider
{
	position: relative;
	margin-top: -5px;
	height: 1px;
}

.span-transparent:before
{
	content: "";
	position: absolute;
	top: 0;
	left: 5%;
	right: 5%;
	width: 90%;
	height: 1px;
	background-image: linear-gradient(to right, transparent, rgb(156,156,156), transparent);
}

.span-arrow-down:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: -7px;
	left: calc(50% - 7px);
	width: 14px;
	height: 14px;
	transform: rotate(45deg);
	background-color: white;
	border-bottom: 1px solid rgb(48,49,51);
	border-right: 1px solid rgb(48,49,51);
}

.span-tab-down:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: calc(50% - 10px);
	width: 20px;
	height: 14px;
	background-color: white;
	border-bottom: 1px solid rgb(48,49,51);
	border-left: 1px solid rgb(48,49,51);
	border-right: 1px solid rgb(48,49,51);
	border-radius: 0 0 8px 8px;
}

.span-stopper:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: -6px;
	left: calc(50% - 7px);
	width: 14px;
	height: 12px;
	background-color: white;
	border-left: 1px solid rgb(48,49,51);
	border-right: 1px solid rgb(48,49,51);
}

.span-dot:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: -5px;
	left: calc(50% - 9px);
	width: 10px;
	height: 10px;
	background-color: #a56a34;
	border: 1px solid rgb(48,49,51);
	border-radius: 50%;
/*	box-shadow: inset 0 0 0 0px goldenrod,
					0 0 0 0px goldenro*/;
}


#logo img {
    
    
    width:220px;		

}

@media only screen and  (min-width: 320px){
		
		#logo img {

			width:280px;		
		}
		
	}

@media only screen and  (min-width: 576px){
		
		#logo img {

			width:300px;		
		}
		
	}


@media only screen and  (min-width: 768px){
		
		#logo img {

			width:440px;		
		}
		
	}
	@media only screen and  (min-width: 992px){
		
		#logo img {

			width:550px;		
		}

		 .catTitle {

			font-size: 4rem;
		}   
       
	}