body,
html {
    font-family: 'Oswald', sans-serif;
}

body {
    background-image: url("../img/bg.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    color: #5b4d2c;
}

body a:hover {
    text-decoration: none !important;
}

p {
    font-size: 1.3em;
    color: #5b4d2c;
}

.logo-principal {
    filter: drop-shadow(0 0 0.75rem #aaa);
}

.logo-secundario {
    filter: drop-shadow(0 0 0.2rem #aaa);
    opacity: 0.9;
}

.redondo {
    border-radius: 50px;
}

.boton {
    position: fixed;
    bottom: 10px;
    left: 0;
    font-size: 1.4em !important;
    padding: 0.7em !important;
    padding-left: 1.2em !important;
    padding-right: 1.2em !important;
    background-color: #5b4d2cc4;
    color: #fff;
    font-family: 'Bebas Neue', cursive;
    border-radius: 0 50px 50px 0;
}

.boton-alergenos {
    position: fixed;
    bottom: 10px;
    right: 0;
    font-size: 1.4em !important;
    padding: 0.7em !important;
    padding-left: 1.2em !important;
    padding-right: 1.2em !important;
    background-color: #5b4d2cc4;
    color: #fff;
    font-family: 'Bebas Neue', cursive;
    border-radius: 50px 0 0 50px;
}

.icono-volver {
    font-size: 0.7em !important;
    margin-left: 0.7em;
    color: #eaa50d;
}

.icono-alergenos {
    margin-left: 0.7em;
    color: #eaa50d;
}

.icono-ver {
    margin-left: 0.7em;
    color: #eaa50d !important;
}

.boton-carta {
    font-size: 1.4em !important;
    padding: 0.7em !important;
    padding-left: 1.2em !important;
    padding-right: 1.2em !important;
    background-color: #5b4d2c;
    color: #fff;
    font-family: 'Bebas Neue', cursive;
}

.bienvenida {
    font-family: 'Bebas Neue', cursive;
}

h5 {
    font-family: 'Bebas Neue', cursive;
    font-size: 2.2em;
    line-height: 1em;
}

.imagen-menu {
    filter: drop-shadow(0 0 0.8rem #5b4d2c);
}

.color-principal {
    color: #5b4d2c;
}

.titulo {
    font-family: 'Bungee Inline', cursive;
    color: #ec647c;
}

.titulo-categoria {
    background-color: rgba(91, 77, 44, 0.5);
    color: #fff;
    padding: 0.5em;
    border-radius: 50px;
}

.plato {
    font-family: 'Bebas Neue', cursive;
    color: #00968a;
    font-size: 2.5em;
}

.precio {
    background-color: #00968a;
    color: #fff;
    font-size: 2em;
    border-radius: 50px;
}

.row-plato {
    border-bottom: 1px dotted #5b4d2c;
    margin-top: 0.8em !important;
    padding-bottom: 0.8em !important;
}

.titulo-categoria-2 {
    background-color: rgba(234, 165, 13, 0.7);
    color: #fff;
    padding: 0.5em;
    border-radius: 50px;
}

.precio-2 {
    background-color: #eaa50d;
    color: #fff;
    font-size: 2em;
    border-radius: 50px;
}

.alergenos {
    margin-top: -10px;
    border-radius: 50px;
    margin-right: 10px;
}

h3 {
    font-size: 2em;
}

h4 {
    background-color: #5b4d2cd5;
    color: #fff;
    padding: 10px;
    font-size: 1.2em;
    border-radius: 50px;
    width: 100%;
}

.euro {
    font-size: 1.4em;
    color: #5b4d2c;
    margin-top: -10px !important;
}

.col-3 {
    text-align: center !important;
}

.logotipos img {
    max-height: 8em !important;
}