* {
    margin: 0;
    padding: 0
}

body {
    font-family: neue-kabel, sans-serif;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.4rem;
}

top {
    background: #000;
    color: #fff;
    display: block;
    width: 100%;
}

top .inner {
    width: 90%;
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-template-areas: "sp lg cc";
    margin: 0 auto;
    padding: 40px 0;
}
.cell-spacer {
    grid-area: sp;
}

.cell-logo {
    grid-area: lg;
}

.cell-click {
    grid-area: cc;
}

.cell-logo img {
    display: block;
    margin: 0 auto;
}

.cell-click p {
    text-align: right;
    font-size: 1rem;
    font-weight: 100;
    text-transform: uppercase;
}
slider {
    position: relative;
}

nav .dot {
	display: grid;
	grid-template-columns: 75% 24%;
	grid-template-areas: "the-menu click-collect";
	column-gap: 20px;
	padding: 10px;
	}
nav .dot .menu {
	grid-area: the-menu;
	gap: 20px;
	}

nav .dot .menu ul {
	list-style-type: none;
	display: flex
	}
nav .dot ul > li > a {
	text-transform: uppercase;
    	font-family: var(--home-p);
    	text-decoration: none;
    	color: var(--dark-brand-text-color);
    	font-size: 1.1rem;  
	color: #fff;
	padding: 10px;
	margin: 0 20px  
	}

nav .dot .click {
	grid-area: click-collect;
	gap: 20px;
	}

nav .dot .click ul {
	list-style-type: none;
	display: flex
	}

nav .dot .click ul li {
	text-align: right;	
}

nav {
    width: 100%;
	display: block;
    margin: 0 auto;
    height: 44px;
	position:absolute;
	z-index:999;
	background: rgba(0, 0, 0, 0.7);
}

banner img {
	width: 100%;
	height:auto
}

/*
slider .box {
    display: grid;
    grid-template-columns: 70% 30%;
    grid-template-areas: "menu click-collect";
    gap: 20px;
}

slider img {
    width: 100%;
    height: auto;
    top: 0;
}

nav {
    width: 100%;
	display: block;
    margin: 0 auto;
    height: 25px;
	position:absolute;
	z-index:999;
	background: rgba(0, 0, 0, 0.7);
}
slider nav .menu {
    display: flex;
    list-style-type: none;
	grid-area: menu
}

slider nav .click-collect {
	grid-area: click-collect
}

nav ul li {
    position: relative;
}

nav ul li a {
    padding: 15px 30px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;

}

nav .left {
    position: absolute;
    left: 5%;
}

nav .right {
    position: absolute;
    right: 5%;
}
*/
main {
   width: 90%;
    margin: 100px auto;
    /* display: grid;
    
    grid-template-columns: 3fr 1fr;
    grid-template-areas: "ct ci";*/
}

main .chef {
    grid-area: ci;
}

main .chef img {
    border-radius: 50%;
}

main .text {
    grid-area: ct;
    margin-top: 60px;
    margin-right: 20px;
}

main .text p {

}


strap {
    display: block;
    width: 100%;
    background: #e7e8e9;
    padding: 100px 0;
    }

strap h2 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.2rem;
}

footer {
    background: /*#5f646b*/ #45484d;
    padding: 80px 0;
}

footer .container {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-areas: "co ctw cth";
    width: 90%;
    margin: 0 auto;

} 

footer .col-01 {
    grid-area: co;
}

footer .col-02 {
    grid-area: ctw;

}

footer .col-03 {
    grid-area: cth;

}

gallery {
    display: block;
    width: 80%;
    margin: 100px auto;
}

main h2 {
                font-weight: 700;
                font-style: normal;
                font-size: 1.2em;
                text-align: left;
                margin-bottom: 40px;
                position: relative;
                width: auto;
                display:block;
                color: #000;
                line-height: 1em;
                margin-top: 20px
            }


main h3 {
                display: block;
                text-align: left;
                font-weight: 700;
                font-style: normal;
                font-size: 1em;
                margin-bottom: 3px;
                color: #000;
                margin-top: 15px;
                line-height: 1.3rem
            }

            main h3 strong {
                text-align: right;
                display: block;
                font-weight: 700;
                margin-top: -23px;
            }

            main p {
                font-size: 1em;
                line-height: 1.4em;
                font-weight: 100;
                font-style: normal;
                padding-bottom: 5px;
                color:#000;
            }

            .page-template-page-menu main p {
                text-transform: uppercase;
                font-size: 0.9em;;
            }

            .page-template-page-menu main h3 {
                text-transform: uppercase;
            }
.wp-block-separator {
    margin-top: 23px
    }

footer div p {
    color: #fff;
    text-transform: uppercase;
    font-size: 1rem;
    }

footer .col-03 p {
    border: 1px solid #fff;
    padding: 20px;
    width: 39%;
    float: right;
    }




/**** DRINKS MENU STYLES **/

  drinks h3 {
                display: block;
                font-size: 1.5em;
                text-transform: uppercase;
                text-align: left;
                line-height: 0.9em;
                margin-bottom: 10px;
                padding-top: 10px;
                position: relative;
            }

          
drinks .wine {
                display: grid;
  grid-gap: 10px;
  grid-template-columns: minmax(40%, 1fr) 136px 136px;
  xbackground-color: #fff;
  color: #fff;
            }
          drinks  .drink {
                xbackground-color: #fff;
  color: #fff;
  border-radius: 5px;
  padding: 5px;
  font-size: 150%;}

	drinks {
				background: #5f646b /*#595d5f*/;
                display: block;
                padding:30px;
                font-size: 0.7rem;
                font-weight: 300;
                padding-bottom: 150px;
				}

			drinks > div {
	            display: block;
                width: 90%;
                margin: 0 auto
				}

.heading {
    font-weight: 700;
    margin-bottom: 25px;
    margin-top: 25px;
}


/**** RESPONSIVE PARTS OF WEBSITE ****/


/* Small devices (portrait tablets and large phones, 600px and up) */
    @media only screen and (min-width: 400px) and (max-width: 812px) {

        footer .container {
            display: block;
        }

        footer .container .col-01 p {
            text-align: center;
        }

        footer .col-02 img {
            display: block;
            margin: 0 auto;
            width: 190px !important
        }

        footer .col-03 p {
            float: none;
            width: 60%;
            margin: 0 auto;
        }

        top .inner {
            display: block;
        }

        top .inner .cell-logo img {
            width: 50% !important;
            height: auto;
        }

        top .inner .cell-click p {
            text-align: center;
            margin-top: 30px;
        }

        strap h2 {
            text-align: center;
            text-transform: uppercase;
            font-weight: 600;
            letter-spacing: 0.2rem;
            font-size: .8em !important;
        }

        drinks .wine {
            display: grid;
            grid-gap: 10px;
            grid-template-columns: minmax(54%, 1fr) 91px 91px;
        }

        

    }