@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;
}



.hero{
    overflow: hidden;
    border-radius: 15px;
    width: 100%;
    margin-top: 70px;
}

.hero img{
    min-height:500px;
    object-fit:cover;
}

.hero-content{
    max-width:450px;
    padding:30px;
    color:#4b3528;
}

.hero-content h1{
    font-size: 4rem;
    font-family: lato;
    color: #D7BDA6;
    font-style: normal;
    font-weight: 900;
}

.hero-content h2{
    color: #D7BDA6;
    font-style: italic;
    margin-bottom: 25px;
}

.btn-cafe{
    background: #9a5a2d;
    color: white;
    border-radius: 30px;
    padding: 12px 25px;
    font-family: lato;
    font-style: normal;
    font-weight: 100;
}

.btn-cafe:hover{
    background:#7f4722;
    color:white;
}



.info-box{
    background: #ebe0d2;
    padding: 35px;
    border-radius: 10px;
}

.info-box h2{
    color: #4b3528;
    margin-bottom: 20px;
    font-family: lato;
    font-style: italic;
    font-weight: 700;
}
.hero-content p {
    color: #FFFFFF;
    font-family: lato;
    font-style: normal;
    font-weight: 100;
}


.info-box p{
    color: #4A2C13;
    font-family: lato;
    font-style: normal;
    font-weight: 100;
}


.footer{
    background:#6f3d1d;
    color:white;
    padding:20px 0;
}

.footer a{
    color:white;
    margin-left:20px;
    text-decoration:none;
}

.footer a:hover{
    color:#e8d3c1;
}



@media (max-width:768px){

.hero-content h1{
    font-size:2.5rem;
}

.hero-content{
    max-width:100%;
}

.hero img{
    min-height:400px;
}
.img-fluid.rounded.mb-3mison {
}



}



.piedepágina {
    width: 100%;
    height: 90px;
    bottom: fixed;
    clear: none;
    margin-top: 255px;
    background-color: #4A2C13;
    color: #D7BDA6;
    text-align: center;
    padding-top: 34px;
    font-family: lato;
    font-style: normal;
    font-weight: 400;
}

.iconos {
    width: 100%;
    margin-top: -13px;
 
    padding-top: 1px;
}
.iconos img {
    margin-left: 12px;
}