@media (max-width: 575.98px) {
    
    .header__image-pizza {
        height: auto;
        max-width: 370px;
        bottom: -130px;
    }
    
    .menu--padding {
        padding: 140px 0 70px 0;
    }
    
}

@media (min-width: 576px) and (max-width: 767.98px) {
    
    .header__image-pizza {
        height: auto;
        max-width: 470px;
        bottom: -210px;
    }
    
    .menu--padding {
        padding: 210px 0 70px 0;
    }
    
}

@media (min-width: 768px) and (max-width: 991.98px) {
    
    .header__image-pizza {
        height: auto;
        max-width: 470px;
        bottom: -210px;
    }
    
    .menu--padding {
        padding: 210px 0 70px 0;
    }
    
}

@media (max-width: 991.98px) {
    
    .header {
        height: 100vh;
        max-height: 400px;
    }
    
}

@media (min-width: 992px) {
    
    .navbar--shrink:before {
        display: none;
    }

}

@media (min-width: 992px) and (max-width: 1199.98px) {
    
    .header {
        height: 100vh;
        max-height: 500px;
    }
    
    .header__image-pizza {
        height: auto;
        max-width: 610px;
        bottom: -210px;
    }
    
    .menu--padding {
        padding: 210px 0 70px 0;
    }

    .text-lg-justify {
        text-align: justify;
    }

}

@media (max-width: 1199.98px) {
    
    .header {
        margin-top: 40px;
        padding-top: 80px;
    }
    
}

@media (min-width: 1200px) {
    
    h1 {
        font-size: 6rem !important;
    }
    
    .header {
        padding-top: 150px;
        height: 700px;
        position: relative;
    }
    
    .header__image-pizza {
        height: auto;
        max-width: 750px;
        bottom: -200px;
    }
    
    .menu--padding {
        padding: 190px 0 70px 0;
    }

}

.header {
    background-color: #371c14;
    max-width: 100%;
}

.header .container {
    position: relative;
    z-index: 5;
}

.header__span {
    font-family: 'Mulish', sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: #e5b34c;
    letter-spacing: 0.5rem;
    text-transform: uppercase;
    line-height: 3rem;
    display: block;
}

.header__heading-1 {
    color: #ffffff;
}

.header p {
    font-size: 1.6rem;
    color: #ffffff;
}

.header__image-pizza {
    height: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}

.header__image-swirl {
    height: auto;
    width: 1920px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 1;
}

.header__image-mask {
    height: auto;
    max-width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}

.menu__heading-2 {
    color: #371c14;
}

.menu p {
    font-size: 1.6rem;
    color: #695c56;
}

.about--padding {
    padding: 70px 0;
}

.about__heading-2 {
    color: #e1c8a1;
}

.about p {
    font-size: 1.6rem;
    color: #ffffff;
}

.gallery__image {
    height: auto;
    max-width: 100%;
}