@charset "utf-8";
body{
    background-color: #D7BDA6;
}

.navbar.fixed-top.navbar-expand-lg.navbar-light.bg-light #navbarSupportedContent1 {
    margin-left: 500px;
}

.logo {
    margin-left: 39px;
}
.img-fluid {
	

}
.row {
    margin-top: 65px;
    text-align: center;
    border-bottom-left-radius: 27px;
    border-top-right-radius: 27px;
    border-top-left-radius: 27px;

}
.row.justify-content-center .col-xl-2.col-lg-3.col-md-4 .card.col-xl-12.col-lg-12.col-md-12 {
    background-color: #B8967F;
}
.row.justify-content-center .col-xl-2.col-md-4.col-lg-3 .card.col-xl-12.col-md-11.col-lg-12 {
    background-color: #B8967F;
}
.row.justify-content-center .col-xl-2.col-md-4 .card.col-xl-12.col-md-12 {
    background-color: #B8967F;
}

.card-img-top.img-fluid {

}



.menu-container{
    max-width:1200px;
}



.banner{
    margin-bottom:50px;
}

.banner img{
    width:100%;
    border-radius:15px;
}



.categoria{
    text-align: center;
    color: #4A2C13;
    font-size: 2rem;
    font-weight: 900;
    margin-bottom: 30px;
    margin-top: 60px;
    font-family: lato;
    font-style: normal;
}



.menu-card{
    background:#B8967F;
    border:none;
    border-radius:15px;
    overflow:hidden;
    height:100%;
    transition:.3s;
}

.menu-card:hover{
    transform:translateY(-5px);
}

.img-placeholder{
    height:220px;
    background:#d9d9d9;
}

.card-body{
    text-align:center;
}

.card-body h5{
    color: #4A2C13;
    font-weight: 900;
    font-size: 1rem;
    font-family: lato;
    font-style: normal;
}

.card-body p{
    color: #D7BDA6;
    margin-bottom: 8px;
    background-color: #4A2C13;
    font-family: lato;
    font-style: normal;
    font-weight: 100;
	
}

.rating{
    margin-top:10px;
}

.rating span{
    font-size:22px;
    color:#d9d9d9;
    cursor:pointer;
    transition:0.3s;
}

.rating span:hover{
    color:#FFD700;
}

.rating span.active{
    color:#FFD700;
}

.piedepagina{
    background: #4A2C13;
    color: #D7BDA6;
    text-align: center;
    margin-top: 80px;
    padding: 25px;
    font-family: lato;
    font-style: normal;
    font-weight: 400;
}

.iconos img{
    width:30px;
    margin:0 8px;
}



@media (max-width:991px){

.categoria{
    font-size: 1.8rem;
    font-family: lato;
    font-style: normal;
    font-weight: 900;
}

.img-placeholder{
    height:200px;
}

}

@media (max-width:767px){

.categoria{
    font-size:1.5rem;
}

.img-placeholder{
    height:180px;
}

}