@import "default.css";
body{
    background-color: whitesmoke;
    font-family:sans-serif;
}

p{
    font-family: sans-serif;
    font-weight: 400;
}

h1{
    font-family: sans-serif;
    font-weight: 900;
}
h2{
    font-family: sans-serif;
    font-weight: 800;
}
h3{
    font-family: sans-serif;
    letter-spacing:2px;
    text-transform: uppercase;
    font-weight: bold;
}

h4{
    font-family: sans-serif;
    text-transform: uppercase;
    text-align: center;
    letter-spacing:2px;

}

h5{
    font-family: sans-serif;
    color: #221f20;
    text-transform: uppercase;
}

.presentacion-bgr{
    background-image:url("../GraphicResources/LosMorteros/bg-losMorteros.gif");
}

.presentacion{
    background-image:url("../GraphicResources/LosMorteros/logo-losMorteros.png");
    background-size:contain;
    margin-bottom: 0 !important;
    padding-bottom: 4rem!important;
}


.principal{
    border-radius: 5px 5px 0 0 ;
    margin-top: 0 !important;
}

.principal-menu{
    border-radius: 5px 5px 5px 5px ;
}

.btn{
    border-radius: 5px;
    color: #fff;
    background-color: #903f32;
    border-color: #903f32;
    size: 1.1rem;

}

.btn.btn-block {
    letter-spacing: 2px;
}


.btn:hover {
    color: #fff;
    background-color: #903f32;
    border-color: #68271d;
}
.fa, .fas {
    color: #903f32;
}

.fb-ic {
    color: #903f32;
}
.ins-ic {
    color: #903f32;
}

hr{
    border-top: 1px solid rgb(144, 63, 50);
}

.restaurantTitle-bgr{
    background-image:url("../GraphicResources/LosMorteros/bg-losMorteros.gif");
}

.restaurantTitle{
    background-image:url("../GraphicResources/LosMorteros/logotipo-losMorteros.png");
    background-size:70%;
}


.card {
    border-radius: 5px;
}

.card-img-top{
    border-radius: 5px 5px 0 0 ;
}

.scrolling-wrapper::-webkit-scrollbar-thumb {
    background-color: rgb(144, 63, 50);
}


.fa-angle-double-left{
    color: white!important;
}

.fa-share-alt{
color: white!important;
}


@media (min-width: 768px) {

    .presentacion{
        position: relative;
        height: 40vh;
        background-image:url("../GraphicResources/LosMorteros/logo-losMorteros.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size:contain;
    }

    .restaurantTitle{
        background-image:url("../GraphicResources/LosMorteros/logotipo-losMorteros.png");
        background-position: center ;
        background-repeat: no-repeat;
        background-size:26%;
        height: 55px;
    }

}