section {
	float: left;
	width: 100%;
}
body {
    font-family: 'Gotham', sans-serif!important;
}
h1, h2, h3, h4, h5, h6, p, span {
    font-family: 'Gotham', sans-serif!important;
}


/* HERO */
.hero-holder h1 {
    font-size: 52px;
    text-align: center;
    color: #000;
    margin-top: 0px;
    margin-bottom: 25px;
	font-weight: 600;
}
.hero-holder h1 span {
	color: #df1818;
}
.hero-text-wrap {
    float: left;
    width: 100%;
    background-color: rgba(249, 250, 251, 0.7);
    text-align: center;
    border-radius: 20px;
    padding: 30px;
}
.hero-holder p {
    color: #000;
    font-size: 20px;
    text-align: center;
    line-height: 32px;
	float: left;
    width: 100%;
}
.hero-holder {
	padding-top: 175px;
	padding-bottom: 120px;
	float: left;
    width: 100%;
}

/* BOXES */
.boxes-holder, .about-us, .menu-holder, .location-holder {
    padding: 100px 80px;
	float: left;
    width: 100%;
}
.single-box img, .single-box {
    float: left;
    width: 100%;
	height: 240px;
}
.single-box {
	text-align: center;
	float: left;
    width: 100%;
    position: relative;
	border-radius: 20px;
	box-shadow: 0px 10px 15px -3px #0000001A;
}
.first-box {
    font-size: 30px;
}
.single-box-inner i {
    color: #000;
    font-size: 26px;
    margin-right: 5px;
	transition: all .5s ease-in-out;
}
.single-box-inner {
    float: left;
    width: 100%;
}
.single-box-inner {
    float: left;
    width: 100%;
    justify-content: center;
    align-items: center;
    transform: translate(0%, 83%);
	color: #000;
}
.single-box {
  transition: transform 0.4s ease, filter 0.4s ease;
}
.single-box:hover {
    transform: scale(1.05);
    filter: brightness(0.9);
}
.single-box-all a:hover span, .single-box-all a:hover i, .single-box-all a:hover p  {
    color: #ffca2f;
	transition: all .5s ease-in-out;
}
.single-box p, .single-box span {
    font-size: 30px;
    font-weight: 600;
	transition: all .5s ease-in-out;
}

/* ABOUT US */
section.about-us h2, .menu-holder h2, .location-holder h2{
    font-size: 42px;
    color: #000;
    font-weight: 600;
	margin-top: 0px;
	margin-bottom: 45px;
}
.about-holder {
    float: left;
    width: 100%;
}
.about-holder p {
    color: #7f7676;
    font-size: 26px;
    letter-spacing: 0;
    line-height: 36px;
	margin-bottom: 0px;
}
section.location-section iframe, section.menu-section iframe{
    box-shadow: 0px 10px 15px -3px #0000001A;
}
section#menu-section-cta {
	background: #FFF7ED;
}
.menu-holder img {
    box-shadow: -20px 8px 40px rgba(0, 0, 0, 0.4);
	float: left;
    width: 100%;
}
.menu-holder {
    float: left;
    width: 100%;
}
.map-wrapper {
    position: relative;
    width: 100%;
}
.map-iframe {
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.map-overlay {
    position: absolute;
    inset: 0;
    background: transparent;
    cursor: pointer;
    z-index: 2;
}
.menu-btn-holder {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}
.menu-btn-holder a {
    font-size: 18px;
    color: #fff;
    background: #000;
    padding: 16px 20px;
    border-radius: 20px;
	transition: all .5s ease-in-out;
}
.menu-btn-holder a:hover {
    color: #ffca2f;
	transition: all .5s ease-in-out;
}















/* MEDIA */

@media only screen and (max-width: 1650px) {
	.hero-holder {
		padding-top: 145px;
		padding-bottom: 80px;
	}
	.boxes-holder, .about-us, .menu-holder, .location-holder {
		padding: 60px 70px;
	}
	.single-box img, .single-box {
		height: 200px;
	}
}
}



@media only screen and (max-width: 1450px) {
	.boxes-holder, .about-us, .menu-holder, .location-holder {
		padding: 60px 70px;
	}
	.single-box img, .single-box {
		height: 210px;
	}
}

@media only screen and (max-width: 1200px) {	
	.hero-holder {
		padding-top: 165px;
		padding-bottom: 65px;
	}
	.single-box p, .single-box span {
		font-size: 24px;
		margin: 0px;
	}
	section#hero-section-cta {
		height: 550px;
	}
	.boxes-holder, .about-us, .menu-holder, .location-holder {
    	padding: 75px 50px;
	}
	section.about-us h2, .menu-holder h2, .location-holder h2 {
		font-size: 38px;
		margin-bottom: 40px;
	}
	.about-holder p {
		font-size: 24px;
	}
	.hero-holder h1 {
		font-size: 48px;
	}
	section#hero-section-cta {
		background-image: url('/wp-content/uploads/2025/11/fotke-pizza.jpg')!important;
    	background-size: cover;
	}
}

@media only screen and (max-width: 992px) {
	.boxes-holder, .about-us, .menu-holder, .location-holder {
		padding: 50px 15px;
	}
	.hero-holder p {
		font-size: 18px;
		line-height: 30px;
	}
	.hero-holder {
		padding-top: 150px;
		padding-bottom: 40px;
	}
	.single-box-inner {
		transform: translate(0%, 100%);
	}
	.single-box p, .single-box span {
        font-size: 22px;
    }
	section#hero-section-cta {
        height: unset;
    }
	section.about-us h2, .menu-holder h2, .location-holder h2 {
		font-size: 34px;
		margin-bottom: 35px;
	}
	.about-holder p {
		font-size: 22px;
		line-height: 34px;
	}
	section.location-section iframe, section.menu-section iframe {
		height: 500px;
	}
	.hero-holder h1 {
		font-size: 45px;
	}
}
		
@media only screen and (max-width: 768px) {	
	.single-box-all {
		width: 100%!important;
		padding: 0px!important;
	}
	.single-box-all.second-box {
		margin: 20px 0px;
	}
	.single-box:hover {
		transform: unset;
	}
	.hero-holder p {
		margin-bottom: 0px;
    }
	.hero-text-wrap {
		padding: 15px;
	}
	.hero-holder {
        padding-top: 140px;
    }
	section#hero-section-cta {
        height: unset;
    }
	.about-holder p {
		font-size: 18px;
		line-height: 30px;
	}
	section#hero-section-cta {
		background-position: center;
	}
}	
	
@media only screen and (max-width: 686px) {		
	.single-box img, .single-box {
        height: 200px;
    }
	section.about-us h2, .menu-holder h2, .location-holder h2 {
		font-size: 32px;
		margin-bottom: 30px;
	}
	.boxes-holder, .about-us, .menu-holder, .location-holder {
        padding: 40px 15px;
    }
	.hero-holder h1 {
        font-size: 36px;
    }
}
	
@media only screen and (max-width: 420px) {
	section.about-us h2, .menu-holder h2, .location-holder h2 {
		font-size: 30px;
		margin-bottom: 25px;
	}
	.hero-holder {
        padding-bottom: 30px;
    }
	section#hero-section-cta {
		background-image: url('/wp-content/uploads/2025/12/Big_pizza_mobile.jpg')!important;
    	background-size: cover;
	}
}
	
	
	
	
/* MEDIA */