html, body {
    height: 100%;
    margin: 0;
}
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}



body {
    background-color: #2F3035;
    background-image: url(/images/background-adare-restaurant.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height:100%;
}


header {
    padding-top: 5px;
    margin-bottom: 10px;
    height: 60px;
    text-align: center;
}

nav {
    background-color: rgba(0, 0, 0, 0.32);
    text-align: center;
    padding-top: 14px;
    padding-bottom: 14px;
}
@media(min-width: 992px) {
    

    .description {      
        padding-left: 300px;
        padding-right: 300px;
    }
}

    footer {
        background-color: rgba(0, 0, 0, 0.721);
        padding-top: 20px;
        padding-bottom: 5px;
        width: 100%;
    }

        footer p {
            font-size: 12px;
            text-align: center;
        }

    h1, h2, h3, h4, h5 {
        color: white;
        font-family: Arial, Helvetica, sans-serif;
    }

    p {
        font-size: 18px;
        color: white;
        font-family: Arial, Helvetica, sans-serif;
    }

    a {
        color: white;
        font-family: Arial, Helvetica, sans-serif;
        /*     text-decoration: none;
 */
    }

    nav a {
        text-decoration: none;
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .logo {
        height: 60px;
        width: 60px;
    }


    .Menu {
        height: 400px;
        margin-top: 50px;
        flex-grow: 1;
        overflow: auto;
    }

    table {
        width: 100%;
        border-collapse: collapse;
    }

    th, td {
        border-top: 1px solid white;
        padding: 8px;
        text-align: left;
        color: white;
        font-family: Arial, Helvetica, sans-serif;
    }

    .small-cell {
        width: 20%;
        text-align: right;
    }

    label.control-label {
        color: whitesmoke;
    }


/*bar movement*/
::-webkit-scrollbar {
    width: 12px;
}

/* Estilo del fondo de la barra de desplazamiento */
::-webkit-scrollbar-track {
    background-color: #F0F0F0;
    border-radius: 6px;
}

/* Estilo del botón (thumb) de la barra de desplazamiento */
::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 6px;
}

    /* Estilo del botón (thumb) de la barra de desplazamiento al pasar el cursor sobre él */
    ::-webkit-scrollbar-thumb:hover {
        background-color: #555;
    }