@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    background-image: linear-gradient(rgb(63 61 61 / 83%), rgb(63 61 61 / 87%)), url('https://d2ova09jg8x3xk.cloudfront.net/sopranospizzaepping.com.au/epping/uploads/sevenlineup_bg.png');
    background-position: center;
    background-size: coever;
}
.navbar-inverse {
    background-color: #000!important;
    box-shadow: 0px 20px 30px -10px #3d3d3d63;
    padding: 10px;
}
.navbar-inverse .navbar-nav>li>a {
    margin-top: 16%;
    font-family: 'Poppins', sans-serif;
    color: #fff!important;
    text-transform: uppercase;
    font-size: 14px!important;
    font-weight: bold;
}
.navbar-inverse .navbar-nav>li:nth-child(4) {
    margin-top: -0.2%!important;
}
.navbar-right > li, .navbar-right > li > a {
    color: #fff!important;
}
.navbar-right .glyphicon img {
    filter: brightness(0%) invert(10)!important;
    /* filter: brightness(0%)!important; */
}
.navbar.navbar-inverse.navbar-fixed-top.nav-color .navbar-left > li > a, .navbar.navbar-inverse.navbar-fixed-top.nav-color .navbar-right > li > a,
.navbar.navbar-inverse.navbar-fixed-top.nav-color .navbar-right > li{
    color: #000!important;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover  {
    margin-top: 10%!important;
    padding-bottom: 5px!important;
    background: none!important;
    border-bottom: 3px solid #fff;
}
.navbar.navbar-inverse.navbar-fixed-top.nav-color .navbar-right .glyphicon img {
    filter: brightness(0%)!important;
}

.navbar-left>li>a:hover {
    border-bottom: 3px solid #fff;
    padding-bottom: 5px!important;
}
.logo_img {
    display: flex;
    justify-content: center;
    width: 70px;
    margin-left: -50% !important;
    margin-right: auto !important;
    border-radius: 100%;
    box-shadow: 0px 0px 5px #131313;
}
#imageSection {
    margin-top: 5%;
    margin-left: 3%;
    margin-bottom: -0.5%;
}
#imageSection .row {
    margin-left: 0px!important;
    margin-right: 0px!important;
}
#imageSection img {
    overflow: hidden!important;
    width: 95%;
    margin-top: 3%;
    box-shadow: 0px 0px 10px #000;
}
#imageSection .sunday {
    width: 556.03px!important;
    height: 163.66px!important;
    margin-left: 2.2%;
}
#imageSection img:hover {
    background-image: linre
}
#imageSection .image-title {    
    font-family: 'Poppins', sans-serif;
    font-size: 35px !important;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 1px;
    color: #c4161a !important;
    text-align: center;
}
#imageSection .day-details {
    padding: 0px;
}
.footer {
    /* padding-top: 0.1px; */
    /* padding-bottom: 8%; */
    text-align: center;
    background-color: #000;
    /* position: fixed; */
    /* height: 100px; */
    bottom: 0;
    width: 100%;
    padding: 10px;
    margin-top: 50px;
}
.footer h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 35px !important;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 1px;
    text-align: center !important;
    color: #c4161a !important;
}
.footer p {
    color: #fff;
}
#footer-ofe strong {
    color: #fff;
}
#footer-ofe img {
    width: 8%;
    margin-bottom: 5px;
}
/* modal */
#monday .modal-header {
    padding: 10px!important;
}
.modal-title {
    font-family: "Poppins", sans-serif;
}
.modal-body {
    text-align: center;
    font-family: "Poppins", sans-serif;
}
.modal-body p {
    font-size: 17px!important;
}
button.close {
    opacity: 5!important;
    margin-top: -4.5%!important;
    color: #fff!important;
}
.modal .btn {
    background-color: #0000009e;
    color: #fff;
}
.modal .btn.focus, .modal .btn:focus, .modal .btn:hover {
    color: #fff!important;
    background-color: #000!important;
}
.modal-footer {
    padding: 10px!important;
}
#monday .modal-header {
    background-color: #111;
}
#monday .modal-title {
    text-align: center;
    color: #CFB625;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 25px!important;
}
#tuesday .modal-header {
    background-color: #111;
}
#tuesday .modal-title {
    text-align: center;
    color: #CD161F;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 25px!important;
}
#wednesday .modal-header {
    background-color: #111;
}
#wednesday .modal-title {
    text-align: center;
    color: #E4980C;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 25px!important;
}
#wednesday .modal-body p {
    color: #CD161F;
}
#thursday .modal-header {
    background-color: #111;
}
#thursday .modal-title {
    text-align: center;
    color: #D95D2C;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 25px!important;
}
#friday .modal-header {
    background-color: #111;
}
#friday .modal-title {
    text-align: center;
    color: #E11818;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 25px!important;
}
#saturday .modal-header {
    background-color: #111;
}
#saturday .modal-title {
    text-align: center;
    color: #CD161F;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 25px!important;
}
#saturday button.close {
    color: #fff!important;
}
#sunday .modal-header {
    background-color: #111;
}
#sunday .modal-title {
    text-align: center;
    color: #E31818;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 25px!important;
}
#sunday .modal-body p {
    color: #CD161F;
}
@media (max-width: 9999px) and (min-width: 768px) {
    .navbar {
        display: block!important;
    }
}
@media (max-width: 767px) and (min-width: 1px) {
    .navbar {
        background-color: #000;
    }
    button.navbar-toggler {
        width: 10%!important;
        margin-top: 4%!important;
    }
    .navbar-expand-lg {
        display: block!important;
    }
}
@media (max-width: 1792px)  {
    #imageSection .sunday {
        width: 525px!important;
        height: 163px!important;
        margin-left: 2.2%;
    }
}
@media (max-width: 1680px)  {
    #imageSection .sunday {
        height: 143px!important;
        width: 490px!important;
    }
    button.close {
        margin-top: -5%!important;
    }
}
@media (max-width: 1600px)  {
    #imageSection .sunday {
        height: 137px!important;
        width: 465px!important;
    }
}
@media (max-width: 1440px)  {
    #imageSection .sunday {
        height: 121.8px!important;
        width: 417px!important;
        margin-left: 15px!important
    }
}
@media (max-width: 1400px)  {
    #imageSection .sunday {
        height: 118.19px!important;
        width: 403px!important;
    }
}
@media (max-width: 1366px)  {
    #imageSection .sunday {
        height: 118.19px!important;
        width: 390px!important;
    }
}

@media (max-width: 1340px)  {
    .footer {
        text-align: center;
        background-color: #000;
        position: fixed;
        height: fit-content !important;
        bottom: 0;
    }
}

@media (max-width: 1280px)  {
    #imageSection .sunday {
        height: 107.33px!important;
        width: 364.66px!important;
    }
}
@media (max-width: 1152px)  {
    #imageSection .sunday {
        height: 107.33px!important;
        width: 325px!important;
    }
}
@media (max-width: 1024px)  {
    .logo_img {
        margin-left: -20%!important;
    }
    #imageSection {
        margin-top: 5%;
    }    
    #imageSection .sunday {
        height: 84.19px!important;
        width: 285px!important;
    }
    .footer {
        /* padding-bottom: 13%!important; */
    }

    #firstSection, #secondSection, #thirdSection {
        margin: 2em auto;
    }

    .navbar-default {
        background-color: #000000 !important;
        border-color: #000000 !important;
    }
    
}
@media (max-width: 768px)  {
    .navbar-default {
        display: block!important;
    }
    .logo_img {
        margin-left: -10%!important;
    }
    #imageSection {
        margin-top: 5%!important;
        margin-left: 5%!important;
        /* margin-bottom: 20%!important; */
    }
    #imageSection .sunday {
        height: 195px!important;
        width: 664px!important;
    }
    .footer {
        /* padding-bottom: 17%!important; */
        position: unset;
    }
    #footer-ofe img {
        width: 15%!important;
    }

     #firstSection, #secondSection, #thirdSection {
        margin: auto;
    }
    
}
@media (max-width: 767px) and (min-width: 631px) {
    .logo_img {
        margin-top: -30%!important;
        width: 45px!important;
    }
    #imageSection {
        /* margin-bottom: 30%!important; */
    }
    #imageSection .sunday {
        height: 158.97px!important;
        width: 660px!important;
    }
    .footer {
        /* padding-bottom: 18%!important; */
    }
}
@media (max-width: 630px) and (min-width: 601px) {
    .logo_img {
        margin-top: -30%!important;
        width: 45px!important;
    }
    #imageSection {
        /* margin-bottom: 30%!important; */
    }
    #imageSection .sunday {
        height: 158.97px!important;
        width: 540px!important;
    }
    .footer {
        /* padding-bottom: 20%!important; */
    }
}
@media (max-width: 600px) {
    .navbar {
        border: 0px!important;
    }
    .navbar-default .navbar-nav>li>a {
        text-align: center;
        color: #000!important;
        text-transform: uppercase;
        font-weight: bold;
        font-family: 'Poppins', sans-serif;
    }
    .navbar-toggle {
        margin-top: 3%!important;
        background: transparent!important;
    }
    .logo_img {
        width:40px;
        margin-top: -20%;
        box-shadow: 0px 0px 5px #fff!important;
    }
    .container-fluid>.navbar-header {
        background-color: #000;
        padding-bottom: 10px!important;
        /* border: 1px solid #000!important; */
    }
    .container-fluid {
        border: 0px!important;
    }
    .logo_img {
        margin-top: -30%!important;
        width: 45px!important;
    }
    button.close {
        margin-top: -9%!important;
    }
    #imageSection {
        /* margin-bottom: 30%!important; */
    }
    #imageSection .sunday {
        height: 158.97px!important;
        width: 515.50px!important;
    }
    .footer {
        /* padding-bottom: 21%!important; */
    }
}
@media (max-width: 530px) and (min-width: 501px) {
        #imageSection {
        /* margin-bottom: 30%!important; */
    }
    #imageSection .sunday {
        height: 125.5px!important;
        width: 430px!important;
    }
    .footer {
        /* padding-bottom: 25%!important; */
    }
}
@media (max-width: 500px) {
    .logo_img {
        margin-top: -30%!important;
        width: 45px!important;
    }
    #imageSection {
        /* margin-bottom: 30%!important; */
    }
    #imageSection .sunday {
        height: 124.44px!important;
        width: 425px!important;
    }
}
@media (max-width: 480px) {
    .navbar {
        border: 0px!important;
    }
    .navbar-default .navbar-nav>li>a {
        text-align: center;
        color: #000!important;
        text-transform: uppercase;
        font-weight: bold;
        font-family: 'Poppins', sans-serif;
    }
    .navbar-toggle {
        margin-top: 3%!important;
        background: transparent!important;
    }
    .logo_img {
        width:40px;
        margin-top: -10%!important;
        box-shadow: 0px 0px 5px #fff!important;
    }
    .container-fluid>.navbar-header {
        background-color: #000;
        padding-bottom: 10px!important;
        /* border: 1px solid #000!important; */
    }
    .container-fluid {
        border: 0px!important;
        
    }
    #imageSection {
        margin-top: 0%!important;
        /* padding-bottom: 20%!important; */
    }
    #imageSection .sunday {
        height: 110px!important;
        width: 400.39px!important;
    }
    .footer {
        margin-top: 10%!important;
        /* padding-bottom: 0%!important; */
    }
    .footer h1 {
        font-size: 15px!important;
        margin: auto;
    }
    .footer p {
        font-size: 10px!important;
        margin-bottom: 0px!important;
    }
    #footer-ofe strong {
        font-size: 10px!important;
    }
    #footer-ofe img {
        width: 20%!important;
        margin-bottom: 0px!important;
    }

}

@media (max-width: 414px) {
    #imageSection .sunday {
        height: 87.23px!important;
        width: 345px!important;
    }
}
@media (max-width: 375px) {
     #imageSection .sunday {
        height: 87.23px!important;
        width: 310px!important;
    }
}
@media (max-width: 360px) {
     #imageSection .sunday {
        height: 87.23px!important;
        width: 300px!important;
    }
}
@media (max-width: 320px) {
     #imageSection .sunday {
        height: 87.23px!important;
        width: 260px!important;
    }
}