/* Custom Overlay style */
        .custom-overlay {
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: rgba(54,26,8,0.9);
        }

        /* Custom Overlay closing cross */
.custom-overlay .custom-overlay-close {
    width: 80px;
    height: 80px;
    position: absolute;
    right: 20px;
    top: 20px;
    overflow: hidden;
    border: none;
    background: url(../images/cross.png) no-repeat center center;
    background-size: 30px 30px; /* Adjust the size of the cross here */
    text-indent: 200%;
    color: transparent;
    outline: none;
    z-index: 100;
}


        /* Menu style */
        .custom-overlay nav {
            text-align: center;
            position: relative;
            top: 50%;
            height: 60%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .custom-overlay ul {
            list-style: none;
            padding: 0;
            margin: 0 auto;
            display: inline-block;
            height: 100%;
            position: relative;
        }

        .custom-overlay ul li {
            display: block;
            height: 20%;
            height: calc(100% / 5);
            min-height: 30px;
        }

        .custom-overlay ul li a {
            font-size: 30px;
            font-weight: 300;
            display: block;
            color: #fff;
            -webkit-transition: color 0.2s;
            transition: color 0.2s;
        }

        .custom-overlay ul li a:hover,
        .custom-overlay ul li a:focus {
            color: #f0f0f0;
        }

        /* Effects */

        .container-fluid {
           background: none);
            -webkit-transition: -webkit-transform 0.5s;
            transition: transform 0.5s;
        }

        .container-fluid.custom-overlay-open {
            -webkit-transform: scale(0.8);
            transform: scale(0.8);
        }

        .custom-overlay-contentscale {
            visibility: hidden;
            -webkit-transform: translateY(100%);
            transform: translateY(100%);
            -webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s;
            transition: transform 0.5s, visibility 0s 0.5s;
        }

        .custom-overlay-contentscale.open {
            visibility: visible;
            -webkit-transform: translateY(0%);
            transform: translateY(0%);
            -webkit-transition: -webkit-transform 0.5s;
            transition: transform 0.5s;
        }

        @media screen and (max-height: 30.5em) {
            .custom-overlay nav {
                height: 70%;
                font-size: 34px;
            }
            .custom-overlay ul li {
                min-height: 34px;
            }
        }
        </style>