html,
body {
    max-width: 100%;
    overflow-x: hidden;
}
.wine {
background: url(https://musebytomaikens.co.uk/assets/img/1x/grapes.png);
width: 100%;
padding: 60px;
background-size:cover;
background-position: center;

}

/* These are the classes that are going to be applied: */
.column { float: left; }
.size-1of4 { width: 25%; }
.size-1of3 { width: 33.33%; }
.size-1of2 {width: 50%}
.size-1of1 {width: 100%}


#grid[data-columns]::before {
	content: '4 .column .size-1of4';
}


@media screen and (max-width: 480px){
	#grid[data-columns]::before {
		content: '1 .column .size-1of1';
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	#grid[data-columns]::before {
		content: '2 .column .size-1of2';
	}
    .column.size-1of4 div {
        padding-right: 30px;
        padding-top: 30px;
    }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
	#grid[data-columns]::before {
		content: '3 .column .size-1of3';
	}
    .column.size-1of4 div {
        padding-right: 30px;
        padding-top: 30px;
    }
}@media screen and (min-width: 1000px) {
	#grid[data-columns]::before {
		content: '4 .column .size-1of4';
	}
}

.column.size-1of4 div {
    padding-right: 50px;
    padding-top: 50px;
}

.container {
    max-width: 100%;

}

.container-full {
    padding-left: 0px;
    padding-right: 0px;
}

.muse-lady {
    position: absolute;
    width: 55%;
    right: -100px;
    z-index: -1;
    margin-top: 152px;
}

.intro-script {
    margin-top: 25px;
}



#loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('https://musebytomaikens.co.uk/assets/img/museanimation2.gif') 50% 50% no-repeat #fbfbfb;
    background-size: 800px;
}


/*Fonts*/

/*This is the main body heading*/

h1 {

    font-size: 32px;
    color: #b0876f;
    font-family: 'EB Garamond', serif;
    line-height: 1.8em;

}

/*This is is used in the menu seciond, 'Dinner' etc.*/

h2 {
    font-size: 56px;
    color: #231f20;
}

h2 .white {
    color: #fff;
}

h3 {
    font-size: 1.2em;
    text-align: center;
    font-family: 'EB Garamond', serif;
}

h4 {
    font-size: 34px;
}

h4 .white {
    color: #ffffff;
}

h5 {
    font-size: .9em;
    text-align: center;
    font-family: 'EB Garamond', serif;

}

p {
    font-size: 1.1em;
    color: #58595B;
    font-family: 'EB Garamond', serif;
    line-height: 1.3em;
    text-align: justify;

}

.not-justified {
    text-align: center;
}

.tandcs {
    font-size: .9em;
    font-style: italic;
}


a {
    color: #54565a;
}

a:hover {
    color: #54565a;
}

li {
    font-size: 1.1em;
    color: #58595b;
    font-family: 'EB Garamond', serif;
    line-height: 1.3em;

}

.p-list {
    font-size: inherit;
}

p .copper {
    color: #b0876f;
}

.white {
    color: #ffffff;
}

.white:hover {
    color: #ffffff;
}

.black {
    color: #231f20;
}

.black:hover {
    color: #231f20;
}

body {
    background-color: #fff;

}

a:hover .white {
    color: #fff;
}

.date {
    font-style: italic;
    margin-bottom: 5px;
}

.logo {
    max-width: 200px;
    position: fixed;
    z-index: 888;
}

.logo-helper {
    min-height: 85px;
    padding: 20px;
}


body.open,
body:after {}

.b-nav,
body:after {
    position: absolute;
    right: 0;
}

.b-brand,
.b-link {

    margin-left: 0;
    text-decoration: none;
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(345px, 0, 0);
        transform: translate3d(345px, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(345px, 0, 0);
        transform: translate3d(345px, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }
}

* {
    box-sizing: border-box
}

body:after {
    background: #fff;
    content: '';
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 0;
    top: 0;
    visibility: hidden;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    width: 100%;
}

body.open:after {
    z-index: 10;
    opacity: 0.65;
    height: 0;
    visibility: hidden;
}

.b-nav {
    background: #b0876f none repeat scroll 0 0;
    position: absolute;
    top: 0;
    width: 300px;
    z-index: 99;
    position: fixed !important;
}

.b-nav:not(.open) {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

.b-nav {
    animation-duration: .4s;
    animation-fill-mode: both;
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
    position: fixed;
}

.b-nav ul {
    padding-left: 0px;
}

.b-nav li {
    color: #fff;
    list-style-type: none;
padding: 3px 15px 0px 0;
    text-align: left;
    -webkit-transform: translateX(345px);
    -ms-transform: translateX(345px);
    transform: translateX(345px)
}

.b-nav li:not(.open) {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

.b-nav li:not(.open),
.b-nav.open li {
    -webkit-animation-duration: 0.4s;
    -webkit-animation-fill-mode: both
}

.b-nav li:first-child {
    margin-top: 100px
}

.b-nav.open {
    visibility: visible;
    animation-duration: 0.4s;
    animation-fill-mode: both;
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
    height: 100vh;
    position: fixed !important;
}

.b-nav:not(.open) {
    visibility: hidden;
    animation-duration: 0.4s;
    animation-fill-mode: backwards;
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
    position: fixed !important;
}

.b-nav.open li {
    padding-left: 30px;
    animation-duration: 0.2s;
    animation-fill-mode: both;
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

.b-link {
    background: 0 0;
    border-left: rgba(255, 255, 255, 0)solid 2px;
    color: #D8C0B4;
    transition: all .4s ease;
    width: auto;
        font-size: 1.1em;
    
}

.b-link:hover {
    color: #fff;
    text-decoration: none;
}

.b-link,
.b-menu {
    -webkit-transition: all .4s ease;
}



/*.b-link--active,
.b-link:hover {
    border-left: #e00a12 solid 5px;
    padding-left: 30px
}*/

.b-menu {
    cursor: pointer;
    display: block;
    height: 66px;
    position: fixed;
    transition: all 0.4s ease 0s;
    width: 43px;
    z-index: 99;
    right: 10px;
    top: 24px;
}

.b-bun--bottom,
.b-bun--mid,
.b-bun--top {
    height: 3px;
    width: 30px
}

.b-container.open .b-main,
.b-menu:hover {}

.b-bun {
    background: #b0876f;
    transition: all .4s ease
}

.b-brand,
.b-bun {
    position: relative;
    -webkit-transition: all .4s ease
}

.b-bun--top {
    top: 0
}

.b-bun--mid {
    top: 6px
}

.b-bun--bottom {
    top: 12px
}

.b-brand {
    color: #b0876f;
    top: -21.43px;
    transition: all .4s ease;
    z-index: 13
}

.b-container {
    position: absolute;
    right: 0;
    top: 20px;
}

.b-container:hover:not(.open) .bun-bottom,
.b-container:hover:not(.open) .bun-mid,
.b-container:hover:not(.open) .bun-top {
    background: #b0876f;
}

.b-container.open .b-bun--top {
    background: #fff;
    top: 11px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.b-container.open .b-bun--mid {
    opacity: 0
}

.b-container.open .b-bun--bottom {
    background: #fff;
    top: 5px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.b-container.open .b-brand {
    color: #fff
}


.active-menu {
    color: #fff !important;
}




.supplier {
    display: flex;
    flex-direction: row;
    gap: 60px;
    padding: 20px;
}


.supplier .imageContainer {
 flex: 38%;
}

.supplier .supplier-text {
    flex: 56%;
}
.suppliersList .supplier:nth-child(even) {
    flex-direction: row-reverse;
}


.newsletter {
    position: fixed;
    bottom: 0px;
    color: #fff;
    list-style-type: none;
    padding: 15px 15px 15px 0;
    text-align: left;
    margin-left: 30px;
    padding-right: 35px;

}

.social {
    margin-top: 25px;
}

.social img {
    width: 20px;
}

input#mce-EMAIL {
    border: none;
    padding: 8px 15px;
    width: 106%;
    font-family: 'EB Garamond', serif;
    font-size: 1.1em;
    color: #b0876f !important;
}

/* To change the placeholder text color */

::-webkit-input-placeholder {
    color: #b0876f;
}

:-moz-placeholder {
    color: #b0876f;
}

::-moz-placeholder {
    color: #b0876f;
}

:-ms-input-placeholder {
    color: #b0876f;
}

/* For the button */

input#muse-button {
    padding: 4px 15px;
    border: none;

    font-family: 'EB Garamond', serif;
    font-size: 1em;
    color: #fff !important;
    border: 1px solid #fff;
    background-color: #b0876f
}

input#muse-button:hover {
    padding: 4px 15px;
    border: none;

    font-family: 'EB Garamond', serif;
    font-size: 1em;
    color: #b0876f !important;
    border: 2px solid #fff;
    background-color: #fff;
    transition: .3s;
}

.reserve {
    padding: 4px 25px;
    border: none;
    font-family: 'EB Garamond', serif;
    font-size: 1.4em;
    color: #b3b6b7 !important;
    border: 1px solid #b3b6b7;
    background-color: #fff;
    transition: .3s;
    float: right;
    top: 24px;
    position: fixed;
    right: 100px;
    z-index: 98;
}

.reserve-mobile {
    padding: 4px 25px;
    border: none;
    font-family: 'EB Garamond', serif;
    font-size: 1.4em;
    color: #b3b6b7 !important;
    border: 1px solid #b3b6b7;
    background-color: #fff;
    transition: .3s;
    margin-top: 10px;
}

.reserve-menu {
    padding: 4px 25px;
    border: none;
    font-family: 'EB Garamond', serif;
    font-size: 1.4em;
    color: #b3b6b7 !important;
    border: 1px solid #b3b6b7;
    background-color: #fff;
    transition: .3s;
    float: right;
    top: 24px;
    position: fixed;
    right: 111px;
    z-index: 999;
}




.reserve-contact {
    padding: 4px 25px;
    border: none;
    font-family: 'EB Garamond', serif;
    font-size: 1.3em;
    color: #ffffff !important;
    border: 1px solid #fff;
    background-color: transparent;
    transition: .3s;
    margin-top: 70px;
}


.reserve-contact:hover {
    background-color: #b3b6b7;
    color: #000;
}


.reserve:hover {
    background-color: #ededed;
    color: #fff;
}


.private {
    padding: 10px 25px;
    border: none;
    font-family: 'EB Garamond', serif;
    font-size: 1.3em;
    color: #ffffff;
    border: 1px solid #b0876f;
    background-color: #b0876f;
    transition: .3s;
    margin-top:10px;
}


.private:hover {
    background-color: #fff;
    color: #b0876f;
}



.top-50 {
    margin-top: 50px;
}


.top-100 {
    margin-top: 100px;
}


.provenance {
    margin-top: 50px;
}



.provenance-image {
    margin-left: 30px;
    margin-right: -20px
}

.our-suppliers {
    margin-top: 50px;
}

.our-suppliers-image {
    margin-left: -30px;
}

.our-suppliers-text {
    margin-right: 20px;
    margin-left: -30px;
}

.text-margin {

    margin-left: -15px;
}

.provenance-text {
    margin-left: 15px;
}

.tania-text {
    margin-left: -40px
}

.tania-image {
    margin-left: 30px;
    margin-top: -100px
}

.we-care-text {
    z-index: 99;
    margin-top: -40px;
    max-width: 300px;
}

.leaves {
    z-index: 80;
    margin-left: -300px;
    margin-top: -300px;
    position: absolute;
}

.my-dearest {
    margin-top: 320px;
    margin-left: 150px;
    position: relative;
    z-index: 99;
}


.dish-2 {
    margin-top: 0px;
    margin-bottom: 50px;
}


footer {
    margin-bottom: 50px;
    margin-top: 50px;
}

.lunch-bg {
    margin-top: 100px;
}

.grapes-top {
    margin-top: -100px;
}

.wine-illustration {
    margin-top: -50px;
    margin-right: -50px;
}

.lunch-img {
    margin-left: 20px;

}

.flaggon-top {
    margin-top: 60px;
}

.contact-bg {
    position: relative;
    display: inline-block;
    color: #fff;
}

.contact-bg .centered-text {

    position: absolute;
    z-index: 98;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    top: 25%;
    color: #fff !important;
    width: 60%;
    font-size: 1.3em;
}

.contact-bg .centered-text-dinner {

    position: absolute;
    z-index: 98;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    top: 38%;
    /* Adjust this value to move the positioned div up and down */
    color: #fff !important;
    width: 60%;
    /* Set the width of the positioned div */
}

.contact-bg .centered-text-lunch {

    position: absolute;
    z-index: 15;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    top: 38%;
    /* Adjust this value to move the positioned div up and down */
    color: #fff !important;
    width: 60%;
    /* Set the width of the positioned div */
}

.contact-bg .centered-text-wine {

    position: absolute;
    z-index: 98;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    top: 40%;
    /* Adjust this value to move the positioned div up and down */
    color: #fff !important;
    width: 60%;
    /* Set the width of the positioned div */
}

.dining-area {
    margin-top: 300px;
}




/* Extra extra small devices (phones, 400px and down) */
@media only screen and (max-width: 450px) {

.dining-area {
    margin-top: 0px;
}

    .b-nav li:first-child {
        margin-top: 75px;
    }

    .b-nav li {

        padding: 3px 15px 0px 0;
    }

    .newsletter {
        padding: 15px 15px 10px 0;
    }

    form p {
        line-height: 0em;
    }

    .social img {
        width: 20px;

    }



    .reserve-menu {
        padding: 4px 25px;
        border: none;
        font-family: 'EB Garamond', serif;
        font-size: 1.2em;
        color: #b3b6b7 !important;
        border: 1px solid #b3b6b7;
        background-color: #fff;
        transition: .3s;
        float: right;
        top: 24px;
        position: fixed;
        right: auto;
        left: 32px;
        z-index: 999;

    }

    .my-dearest-mob {
        position: absolute;
        width: 250px;
        margin-right: -100px;
        margin-left: 10px;
        z-index: 10;
        top: 406px;
    }

    .tania-image {
        margin-top: 10px;
    }


    /* Extra small devices (phones, 600px and down) */
    @media only screen and (max-width: 600px) {

.dining-area {
    margin-top: 0px;
}

        .tania-image {
            margin-top: 10px;
        }


        .supplier-text {

            margin-left: 25px;
            margin-right: 25px;
        }

        #loader {
            position: fixed;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            z-index: 9999;
            background: url('https://musebytomaikens.co.uk/assets/img/museanimation2.gif') 50% 50% no-repeat #fbfbfb;
            background-size: 300px;
        }

        .intro-text {

            margin-left: 25px;
            margin-right: 25px;

        }


        .our-suppliers-text {
            margin-right: -10px;
            margin-left: 25px;
        }

        .container {
            padding-left: 0px;
            padding-right: 0px;
            width: 100%;
        }

        .main-container {
            padding-left: 20px !important;
            padding-right: 20px !important;
            width: 100% !important;
        }

        p.card-text {
            padding-top: 30px;
        }

        

        .b-nav {
            width: 100%;
        }

        .reserve {
            display: none;

        }

        h1 {
            font-size: 28px;
        }

        p {
            font-size: 18px;
        }

        .p-list {

            font-size: 15px;
        }

        input#mce-EMAIL {

            font-size: 14px;
            width: 200px;

        }

        input#muse-button {

            font-size: 14px;

        }

        .social {

            margin-top: 20px;
        }

        .top-50 {
            margin-top: 50px;
        }


        .top-100 {
            margin-top: 0px;
        }


        .provenance {
            margin-top: 0px;
        }

        .provenance-text {
            margin-right: 0px
        }

        .provenance-image {
            margin-left: 0px;
            margin-right: 0px
        }

        .our-suppliers {
            margin-top: 0px;
        }

        .our-suppliers-image {
            margin-left: 0px;
        }


        .text-margin {

            margin-left: 25px;
            margin-right: 25px;
        }

        .tania-text {
            margin-left: 0px;
            margin-right: 25px;
        }

        .tania-image {
            margin-left: 0px;
            margin-top: 0px
        }

        .we-care-text {

            margin-top: 0px;
        }

        .leaves {
            margin-left: 0px;
            margin-top: 0px;
            margin-bottom: 0px;

        }

        .my-dearest {
            margin-top: 0px;
            margin-left: 0px;

        }

        .dish-2 {
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .gallery-mobile {
            margin-top: 50px;
        }

        .mobile-footer-space {
            height: 100px;
        }

        .mobile--50 {
            margin-top: 50px;
        }

        .mobile-0 {
            margin-top: 0px;
        }

        .contact-bg .centered-text {
            position: absolute;
            z-index: 98;
            margin: 0 auto;
            left: 0;
            right: 0;
            text-align: center;
            top: 18%;
            color: #fff !important;
            width: 100%;
        }

        .logo-helper {
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 50%;
        }

        .logo {
            width: 90%;
            position: relative;
            z-index: 10;
        }


        .mobile-off {
            display: none;
        }


        .contact-img {
            width: 300%;
        }

        .intro-script {
            margin-top: 10px;
            margin-left: 0px;
        }

        .wine {
background: url(https://musebytomaikens.co.uk/assets/img/1x/grapes.png);
width: 100%;
padding: 40px 20px;

}

        




    }

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

            font-size: 16px;
        }

        .p-list {

            font-size: 16px;
        }

        h1 {
            font-size: 30px;
        }

        .mobile-off {
            display: none;
        }

        .main-container {
            margin-left: 20px;
            margin-right: 20px;
        }


        .mobile-off {
            display: inherit;
        }

        .my-dearest-mob {
            display: none;
        }
        
        .dining-area {
    margin-top: 300px;
}


      .we-care-text {
    position: relative;
    left: 230px;
    }


    }


    /* Medium devices (landscape tablets, 768px and up) */
    @media only screen and (min-width: 768px) {
        p {

            font-size: 14px;
        }

        .p-list {

            font-size: 14px;
        }

        h1 {
            font-size: 28px;
        }



        .main-container {
            margin-left: 20px;
            margin-right: 20px;
        }

        .leaves {
            margin-left: -80px;
            margin-top: -55px;
        }
        
        .we-care-text {
    position: relative;
    left: 230px;
    }
    }
    
    
    /* Large devices (laptops/desktops, 992px and up) */
    @media only screen and (min-width: 992px) {

        p {

            font-size: 14px;
        }

        .p-list {

            font-size: 14px;
        }

        h1 {
            font-size: 28px;
        }

        .my-dearest {
            margin-top: 90px;
            margin-left: 115px;
            position: relative;
            z-index: 99;
        }

        .main-container {
            margin-left: 100px;
            margin-right: 100px;
        }

        .leaves {
            margin-left: -160px;
            margin-top: -115px;
        }

        .main-container {
            max-width: 100%;
            margin-right: 100px;
            margin-left: 100px;
        }
        
              .we-care-text {
    position: relative;
    left: 230px;
    }


    }




    /* Extra large devices (large laptops and desktops, 1200px and up) */
    @media only screen and (min-width: 1300px) {
      
      p {

        font-size: 14px;
    }

    .p-list {

        font-size: 14px;
    }

    h1 {
        font-size: 28px;
    }

    .my-dearest {
        margin-top: 90px;
        margin-left: 115px;
        position: relative;
        z-index: 99;
    }

    .leaves {
        margin-left: -160px;
        margin-top: -138px;
    }
              .we-care-text {
    position: absolute;
    left: 0;
    }

}



@media only screen and (min-width: 1300px) {
    p {

        font-size: 14px;
    }

    .p-list {

        font-size: 14px;
    }

    h1 {
        font-size: 28px;
    }

        
    .muse-lady {

    margin-top: 210px;
}
    
}


@media only screen and (min-width: 1400px) {
    p {

        font-size: 20px;
    }

    .p-list {
        font-size: 20px;
    }

    h1 {
        font-size: 32px;
    }
    
    .muse-lady {

    margin-top: 210px;
}

}


@media only screen and (min-width: 1500px) {
    p {

        font-size: 20px;
    }

    .p-list {
        font-size: 20px;
    }

    h1 {
        font-size: 38px;
    }

}


@media only screen and (min-width: 1600px) {
    p {

        font-size: 22px;
    }

    .p-list {
        font-size: 22px;
    }

    h1 {
        font-size: 43px;
    }

    .tania-image {

        margin-top: -200px;
    }


}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1800px) {
    p {

        font-size: 22px;
    }

    .p-list {
        font-size: 25px;
    }

    h1 {
        font-size: 43px;
    }

    .my-dearest {
        margin-top: 90px;
        margin-left: 115px;
        position: relative;
        z-index: 99;
    }


    .tania-image {

        margin-top: -300px;
    }

    .leaves {
        margin-left: -160px;
        margin-top: -200px;

    }
}

@media only screen and (min-width: 2000px) {
    p {

        font-size: 22px;
        line-height: 34px;

    }

    .p-list {
        font-size: 28px;
    }

    h1 {
        font-size: 53px;
    }

    .my-dearest {
        margin-top: 20px;
        margin-left: 150px;
        position: relative;
        z-index: 99;
    }

    .tania-image {

        margin-top: -350px;
    }


}

.card {
    border: 
        none;
}

@media (min-width: 576px) {
.card-columns {
    -webkit-column-count: 4 !important;
    -moz-column-count: 4 !important;
    column-count: 4 !important;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: .25rem;
    orphans: 1;
    widows: 1;
}
}

@media (max-width: 400px) {


}

.contact-bg .centered-text-lunch {
    position: absolute;
    z-index: 15;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    top: 28%;
    color: #fff !important;
    width: 90%;
}
.contact-bg .centered-text-wine {
    position: absolute;
    z-index: 98;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    top: 24%;
    color: #fff !important;
    width: 90%;
}
}

@media (min-width:320px)  {
  
  .contact-bg .centered-text-dinner {
    top: 5%;
    width: 95%; 
  }

  .contact-bg .centered-text-lunch {
    top: 28%;
    width: 95%;
}
.contact-bg .centered-text-wine {
    text-align: center;
    top: 24%;
    width: 95%;
}
}

@media (min-width:414px)  {
  
  .contact-bg .centered-text-dinner {
    top: 15%;
    width: 95%; 
  }
}

@media (min-width:481px)  {
  .contact-bg .centered-text-dinner {
    top: 21%;
    width: 90%; 
  }

  .contact-bg .centered-text-lunch {
    top: 28%;
    width: 90%;
}
.contact-bg .centered-text-wine {
    top: 34%;
    width: 90%;
}
}

@media (min-width:641px)  {

 .contact-bg .centered-text-dinner {
    top: 20%;
    width: 90%; 
  }

  .contact-bg .centered-text-lunch {
    top: 10%;
    width: 95%;
}
.contact-bg .centered-text-wine {
    text-align: center;
    top: 24%;
    width: 80%;
}
} 

@media (min-width:961px)  { 


 .contact-bg .centered-text-dinner {
    top: 20%;
    width: 80%; 
  }

  .contact-bg .centered-text-lunch {
    top: 10%;
    width: 89%;
}
.contact-bg .centered-text-wine {
    text-align: center;
    top: 24%;
    width: 80%;
}
} 
@media (min-width:1025px) {
 .contact-bg .centered-text-dinner {
    top: 28%;
    width: 80%; 
  }

  .contact-bg .centered-text-lunch {
    top: 30%;
    width: 89%;
}
.contact-bg .centered-text-wine {
    text-align: center;
    top: 30%;
    width: 80%;
}
} 

@media (min-width:1281px) { 

 .contact-bg .centered-text-dinner {
    top: 32%;
    width: 80%; 
  }

  .contact-bg .centered-text-lunch {
    top: 38%;
    width: 89%;
}
.contact-bg .centered-text-wine {
    text-align: center;
    top: 24%;
    width: 80%;
}
}