.navbtn {
    top: calc(40% + 10px);
}

.cover-line-center {
    left: calc(50% - 20px);
}

.cycle-slideshow .navbtn {
    top: calc(50% - 25px);
}

.cover-open .cover-page {
    top: calc(-40% + 5px);
}

.reservation_screen #sendBookingBtn {
    width: calc(75% - 5px);
}

.custom-extra .restaurantBookingBlock #sendBookingBtn {
    width: calc(75% - 10px);
}

.mutebtn {
    top: calc(40% + 60px);
}

.btn1 {
    width: calc(100% - 10px);
}

.event-text-container {
    width: calc(100% - 150px);
}

.event-date {
    width: calc((100% - 150px) * 0.25);
}


.event-body {
    width: calc((100% - 150px) * 0.6);
}

    .event-body a {
        width: calc(50% - 10px);
    }


.events-page ul li div div.event-buttons {
    width: calc(100% - 50px);
}

.event-location {
    width: calc((100% - 150px) * 0.15);
}

.contact-page-content {
    min-height: calc(100% - 150px);
}

.contact-page.open .contact-page-content {
    top: calc(100% - 195px);
}


@media screen and (max-width: 1634px) {
    .event-location {
        width: calc((100% - 150px) * 0.2);
    }

    .event-date {
        width: calc((100% - 150px) * 0.2);
    }
}

@media screen and (max-width: 700px) {

    .contact-page.open .contact-page-content {
        top: calc(100% - 165px);
    }

    .cover_booking_form .restaurantBookingBlock #sendBookingBtn {
        width: calc(75% - 5px);
    }
}

@media screen and (max-width: 480px) {

    .cover-open .cover-page {
        top: calc(-55% + 5px);
    }

    .body-cover-page .navbtn {
        top: calc(55% + 10px);
    }
}