by Jay Catalan */

div.divider {
    background: url('/PNAPI/staticContent/wp-content/uploads/2018/02/Divider.png') 0 50% repeat-x;
    background-size: cover;
    height: 130px;
    margin: 8rem 0 12rem 0;
}

.content-2 {
    color: #fff;
}

.div-about-us,
.div-our-quality,
.div-our-menu {
    padding: 4.5rem 3rem 3rem 3rem;
}

.div-about-us {
    background-color: #56732e;
}

.div-about-us .fancy-title-2 {
    margin-bottom: 5rem;
    position: relative;
    z-index: 0;

}

.div-about-us img {
    position: absolute;
    transform: translateX(0%);
    width: 20% !important;
}

.overlap-img,
.div-our-quality .flex .flex-1 .our-quality-img {
    width: 280px;
    height: 280px;
    border-radius: 100%;
    border: 2px solid #fff;
}

.container-overlap-img {
    position: relative;
}

.overlap-img {
    background: url('/PNAPI/staticContent/PIZZA-NOVA-Tastier-and-fresh-Vegetable-Flavor-with-cale-tomatoes-and-garlic.jpg') 34% 54% no-repeat;
    position: absolute;
    right: 5%;
    top: -17rem;
    background-size: cover;
}

.div-our-quality {
    margin-top: 7rem;
}

.div-our-quality .flex .flex-1 {
    margin-right: 0;
}

.div-our-quality .flex .flex-1 .our-quality-img {
    background: url('/PNAPI/staticContent/PIZZA-NOVA-Deluxe-Pizza-Pepperoni-on-a-Platter.jpg') 22% 54% no-repeat;
    background-size: cover;
    margin-left: 2.5rem;
}

.div-our-menu {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/PNAPI/staticContent/PIZZA-NOVA-Italian-Style-Pizza-Wholesome-Healthy.jpg') center center no-repeat;
    background-size: cover;
    padding-top: 8rem;
    padding-bottom: 5rem;
}

.div-our-puro {
    margin-top: 3rem;
    padding-top: 7rem;
}

.div-our-puro>div>.flex>.flex-1 {
    align-self: flex-start;
}

.div-our-puro>div>.flex>.flex-1,
.div-our-puro>div>.flex>.flex-1 h3 {
    text-align: center !important;
}

.div-our-puro>div>.flex>.flex-1 h3 {
    margin-top: 2rem;
}

.div-our-puro img {
    width: 150px !important;
    margin: 0 auto;
}

.div-learn-more {
    margin-top: 8rem;
    text-align: center;
}

.div-learn-more .flex>.flex-1:nth-child(1) {
    text-align: right;
}

.div-learn-more .flex>.flex-1:nth-child(2) {
    text-align: left;
}

.div-learn-more button {
    padding: 1.2rem 2rem;
    width: 60%;
}

.div-learn-more button.buttonlowhomeblk {
    /*border: 1px solid #fff;*/
}

.div-learn-more button.buttonlowhomeblk:hover {
    background-color: #e13e34 !important;
}

.div-learn-more button.buttonlowhomeGrn {
    border: 1px solid #5e9732;
}

.div-learn-more button.buttonlowhomeGrn:hover {
    background-color: #6ca540;
}

/* Flex Box */

.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.flex-1 {
    flex: 1;
}

.flex-2 {
    flex: 2;
}

.flex-3 {
    flex: 3;
}

.flex-4 {
    flex: 4;
}

.item-flex-start {
    align-self: flex-start;
}



/* end of Flex Box*/

/* Fancy Title */
.fancy-title-2 {
    text-align: center;
    position: relative
}

.fancy-title-2 :before {
    background: #ffffff !important;
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1.5px;
    z-index: -1
}

.fancy-title-2  span {
    display: inline-block;
    background: #56732e;
    z-index: 1;
    padding: 0 20px
}

/* Media Queries */

@media screen and (max-width: 1023px) {
    .div-about-us .flex>.flex-2 {
        flex: 1;
    }

    .div-our-quality .flex>.flex-2 {
        flex: 1;
    }

    .div-our-puro {
        padding-bottom: 2rem;
    }
    .div-our-puro>div>.flex>.flex-1 {
        flex-basis: 40%;
    }
    .div-our-puro>div>.flex>.flex-1:nth-child(2) {
        margin-right: 0;
    }
    .div-our-puro>div>.flex>.flex-1:nth-child(3),
    .div-our-puro>div>.flex>.flex-1:nth-child(4) {
        margin-top: 8rem;
    }

    .div-learn-more {
    	margin-top: 0;
    }

    .div-learn-more button {
    	width: 80%;
    }
}

@media screen and (max-width: 767px) {
    .overlap-img {
        top: -29rem;
    }
}

@media screen and (max-width: 756px) {
    .div-about-us .flex>.flex-1 {
        display: none;
    }

    .div-our-quality .flex>.flex-2,
    .div-our-quality .flex>.flex-1 {
        flex-basis: 100%;
    }
    .div-our-quality {
        margin-top: 0;
    }
    .div-our-quality .flex>.flex-2 {
        margin-bottom: 8rem;
        border: 1px solid #ddd;
        padding: 3rem;
        border-left: 0;
        border-right: 0;
    }
    .div-our-quality .flex>.flex-1 {
        order: 1;
    }
    .div-our-quality .flex>.flex-1>.our-quality-img {
        margin: 0 auto;
    }

    .container-overlap-img {
        position: unset;
        padding: 8rem 0 0;
    }

    .container-overlap-img .overlap-img {
        position: unset;
        margin: 0 auto;
    }
}

@media screen and (max-width: 610px) {
		.div-our-puro {
			padding-bottom: 0;
		}
    .div-our-puro>div>.flex>.flex-1 {
        flex-basis: 100%;
        margin-bottom: 10rem;
        margin-right: 0;
        padding: 3rem;
    }

    .div-our-puro>div>.flex>.flex-1:nth-child(3),
    .div-our-puro>div>.flex>.flex-1:nth-child(4) {
        margin-top: 0;
    }
		
		.div-learn-more .flex > .flex-1:first-child {
			margin-right: 0;
		}

    .div-learn-more .flex > .flex-1 {
    	flex-basis: 100%;
    	text-align: center !important;
    	width: 100%;
    }

    .div-learn-more .flex > .flex-1 button:first-child {
    	margin-bottom: 2.8rem;
    }
}

@media screen and (max-width: 425px) {
	.div-our-quality .flex {
		justify-content: center;
	}

	section.content-2 > div:nth-child(4) {
		padding-left: 0;
		padding-right: 0;
	}
}




/* end of Media Queries