@font-face {
    font-family: "Hanley";
    src: url(hanley-sansinline.ttf);
}

@font-face {
    font-family: "Avenir";
    src: url(avenir.ttc);
}

.content_header2 {
    font: 24pt "Avenir", "Avenir Roman", sans-serif !important;
    color: black;
    text-align: left !important;
    line-height: 1.4;
    margin: 100px 60px !important;
}

/* Happy Hourse CSS */
.header1 {
    font: 34pt "Avenir", "Avenir Medium", sans-serif !important;
    color: black;
    text-align: left !important;
}

.header2 {
    font: 24pt "Avenir", "Avenir Roman", sans-serif !important;
    color: black;
    text-align: left !important;
    line-height: 1.4;
}

.texasstamp {
    width: 150px;
    z-index: 1;
    display: block;
    margin-left: auto;
    margin-right: 0px;
    position: absolute;
    right: 42%;
    bottom: 0%;
}

.embelish1 {
    display: inline-block;
    border-left: 3px solid black;
    position: relative;
    height: 300px;
}


.hidepizza {
    content-visibility: hidden;
}
@media all and (max-width : 50em) {
    .embelish1 {
        display: none;
    }


    .hidepizza {
        content-visibility: visible;
    }

    .hidePizatexas {
        display: none;
    }
    img .texasstamp {
        display: none;
    }

    .header1 {
        font: 17pt "Avenir", "Avenir Medium", sans-serif !important;
        color: black;
        text-align: left !important;
    }

    .header2 {
        font: 12pt "Avenir", "Avenir Roman", sans-serif  !important;
        color: black;
        text-align: left !important;
    }

    .content_header2 {
        font: 12pt "Avenir", "Avenir Roman", sans-serif !important;
        color: black;
        text-align: left !important;
        line-height: 1.4;
        margin: 0px !important;
    }
}

@media all and (max-width : 90em) {
    .embelish1 {
        display: none;
    }
    .hidepizza {
        content-visibility: visible;
    }
    .hidePizatexas {
        display: none;
    }

    .texasstamp {
        display: none;
    }

    .header1 {
        font: 17pt "Avenir", "Avenir Medium", sans-serif !important;
        color: black;
        text-align: left !important;
    }

    .header2 {
        font: 12pt "Avenir", "Avenir Roman", sans-serif !important;
        color: black;
        text-align: left !important;
    }

    .content_header2 {
        font: 12pt "Avenir", "Avenir Roman", sans-serif !important;
        color: black;
        text-align: left !important;
        line-height: 1.4;
        margin: 0px !important;
    }
}

@media all and (max-width : 70em) {
    .embelish1 {
        display: none;
    }
    .hidePizatexas {
        display: none
    }
    .hidepizza {
        content-visibility: visible;
    }
    .texasstamp {
        display: none;
    }

    .header1 {
        font: 17pt "Avenir", "Avenir Medium", sans-serif !important;
        color: black;
        text-align: left !important;
    }

    .header2 {
        font: 12pt "Avenir", "Avenir Roman", sans-serif !important;
        color: black;
        text-align: left !important;
    }

    .content_header2 {
        font: 12pt "Avenir", "Avenir Roman", sans-serif !important;
        color: black;
        text-align: left !important;
        line-height: 1.4;
        margin: 0px !important;
    }
}

@media all and (max-width : 60em) {
    .embelish1 {
        display: none;
    }
    .hidePizatexas {
        display: none
    }
    .hidepizza {
        content-visibility: visible;
    }
    .texasstamp {
        display: none;
    }

    .header1 {
        font: 17pt "Avenir", "Avenir Medium", sans-serif !important;
        color: black;
        text-align: left !important;
    }

    .header2 {
        font: 12pt "Avenir", "Avenir Roman", sans-serif !important;
        color: black;
        text-align: left !important;
    }

    .content_header2 {
        font: 12pt "Avenir", "Avenir Roman", sans-serif !important;
        color: black;
        text-align: left !important;
        line-height: 1.4;
        margin: 0px !important;
    }
}

@media all and (max-width : 50em) {
    .embelish1 {
        display: none;
    }
    .hidePizatexas {
        display: none
    }
    .texasstamp {
        display: none;
    }
    .hidepizza {
        content-visibility: visible;
    }

    .header1 {
        font: 17pt "Avenir", "Avenir Medium", sans-serif !important;
        color: black;
        text-align: left !important;
    }

    .header2 {
        font: 12pt "Avenir", "Avenir Roman", sans-serif !important;
        color: black;
        text-align: left !important;
    }

    .content_header2 {
        font: 12pt "Avenir", "Avenir Roman", sans-serif !important;
        color: black;
        text-align: left !important;
        line-height: 1.4;
        margin: 0px !important;
    }
}

@media all and (max-width : 450px) {
    .embelish1 {
        display: none;
    }
    .hidePizatexas {
        display: none
    }
    .hidepizza {
        content-visibility: visible;
    }
    .texasstamp {
        display: none;
    }

    .header1 {
        font: 17pt "Avenir", "Avenir Medium", sans-serif  !important;
        color: black;
        text-align: left !important;
    }

    .header2 {
        font: 12pt "Avenir", "Avenir Roman", sans-serif !important;
        color: black;
        text-align: left !important;
    }

    .content_header2 {
        font: 12pt "Avenir", "Avenir Roman", sans-serif !important;
        color: black;
        text-align: left !important;
        line-height: 1.4;
        margin: 0px !important;
    }
}

@media all and (max-width : 380px) {
    .embelish1 {
        display: none;
    }
    .hidePizatexas {
        display: none
    }
    .hidepizza {
        content-visibility: visible;
    }
    .texasstamp {
        display: none;
    }

    .header1 {
        font: 17pt "Avenir", "Avenir Medium", sans-serif !important;
        color: black;
        text-align: left !important;
    }

    .header2 {
        font: 12pt "Avenir", "Avenir Roman", sans-serif !important;
        color: black;
        text-align: left !important;
    }

    .content_header2 {
        font: 12pt "Avenir", "Avenir Roman", sans-serif !important;
        color: black;
        text-align: left !important;
        line-height: 1.4;
        margin: 0px !important;
    }
}

.container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
}

    .container img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Maintains aspect ratio while filling the space */
    }
/* Happy House CSS End */

.image-overlay-container img {
    width: 100%; /* Image is responsive and fills its container */
    height: auto;
}

/* View Menu Images */
.containerView {
    /* Position the container relatively so the button's absolute position is relative to it */
    position: relative;
    /* Adjust width as needed, e.g., for use in a grid */
    width: 100%;
}

.responsive-img {
    /* Makes the image responsive, scaling with the container width */
    width: 100%;
    height: auto;
}

.btn {
    /* Position the button absolutely within the container */
    position: absolute;
    /* Example: Center the button */
    top: 77%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centers the button perfectly */
    /* Additional styling for the button */

    color: white;
    /*font-size: 16px; */
    padding: 12px 24px;
    border: none;
    cursor: pointer;
    border: 1px solid;
    font: 14pt "Hanley";
    color: white;
    background: #ca3627 !important;
    border-color: #ca3627 !important;
    width: 200px;
    text-align: center;
}

    .btn:hover {
        background-color: black;
    }
/* View Menu Image End */