@import url('https://fonts.googleapis.com/css2?family=Mohave:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body{
  background-color:#ebe1ce;
  font-family: "Mohave", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size:16px;
}

h2 {
  font-size: 24px;
  font-weight:700;
  margin-bottom:30px;
}

a { color:inherit; text-decoration:none; font-weight:700; } 
a:hover { text-decoration:underline; color:#2E5B40;  }

.bg-beige {
    background-color:#ebe1ce;
}
.bg-olive {
  background-color:#88977d;
}
.bg-olive {
  background-color:#88977d;
}


.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }

#mainNav {
  background-color: #fff;
}

nav ul li a {
  color:#000000;
  font-size:16px;

}

.navbar > .container {
  display:block !important;
}

.navbar-collapse {
  display:block;
  text-align:center;
}

ul.navbar-nav {
  text-align:center;
  margin-top:20px;
  margin-left:auto;
  margin-right:auto;
}

ul.navbar-nav li a { 
  display:block;
  padding: 0 20px;
}

ul.navbar-nav-social {
  list-style:none;
  text-align:center;
  margin:0;
  padding:0;
}
ul.navbar-nav-social li {
  display:inline-block;
}
ul.navbar-nav-social li img {
  height:30px;
  width:auto;
  display:block;
  margin-top:10px;
  margin-left:10px;
}

.text-about {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

#menu ul.menu-list {
	list-style:none;
}
#menu ul.menu-list li {
	border:none;
	padding: 5px 0;
}

@media only screen and (max-width: 767px) {
	ul.navbar-nav {
		/*display:inline-block;*/
		flex-direction: row;
	}
}


@media only screen and (min-width: 768px) {
	header h2.header_about {
	  text-transform:uppercase;
	  text-align:right;
	  font-size:48px;
	}

	header .paragraph_about {
	  text-align:right;
	  font-size:28px;
	}
}

@media only screen and (max-width: 767px) {
	header h2.header_about {
	  text-transform:uppercase;
	  text-align:center;
	  font-size:48px;
	  margin-top:30px;
	}

	header .paragraph_about {
	  text-align:center;
	  font-size:28px;
	}
}



	#o-nas {
		padding-top:30px;
		padding-bottom:30px;
	}
	#o-nas h2.header_about {
	  text-align:left;
	  font-size:36px;
	}

	#o-nas .paragraph_about {
	  text-align:left;
	  font-size:20px;
	  /*padding-top:20px;
	  padding-bottom:10px;*/
	}
	#o-nas .wrapper-with-border {
		border-top: 2px dashed #000;
		border-bottom: 2px dashed #000;  
		padding-top:30px;
		padding-bottom:30px;
	}



@media only screen and (min-width: 768px) {
	#o-nas .wrapper-with-border {
		margin-right:30px;
	}	
	.img-wrapper-frame {
	  position:absolute;
	  display:block;
	  left:0;bottom:-100px;  
	  border: 15px solid #C9C0AE;
	  padding:15px;
	  height:auto;  
	}

	.img-wrapper-frame img {
	  display:block;
	  width:100%;
	  height:auto;
	}

}

@media only screen and (max-width: 767px) {
	.img-wrapper-frame {
	  position:relative;
	  display:block;
	  border: 15px solid #C9C0AE;
	  padding:15px;
	  height:auto;  
	  margin-top:30px;
	}

	.img-wrapper-frame img {
	  display:block;
	  width:100%;
	  height:auto;
	}


}








.owl-carousel .slider-image-wrapper {
  display:block;
  margin:10px;
}

.owl-carousel img {
  display:block;
  width:100%;
  height:auto;
}
.owl-carousel .owl-dots { display:none; }



@media only screen and (min-width: 768px) {
	#ingredients  { 
	  padding-top:150px;
	  padding-bottom:50px;
	}

	#ingredients h2 { 
	  text-transform:uppercase;
	  text-align:left;
	  font-size:32px;
	}

	.ingredients-header {
	  display:block;
	  margin-top:30px;
	  margin-bottom:30px;
	  font-size:28px;
	  font-weight:bold;
	  padding-left:60px;
	}
}
@media only screen and (max-width: 767px) {
	#ingredients  { 
	  padding-top:100px;
	  padding-bottom:100px;
	}

	#ingredients h2 { 
	  text-transform:uppercase;
	  text-align:left;
	  font-size:32px;
	}

	.ingredients-header {
	  display:block;
	  margin-top:30px;
	  margin-bottom:30px;
	  font-size:28px;
	  font-weight:bold;
	  padding-left:60px;
	}
}
.ingredients-header-01 { background: url("/img/ico_flour.svg") no-repeat left center; }
.ingredients-header-02 { background: url("/img/ico_tomatoes.svg") no-repeat left center; }
.ingredients-header-03 { background: url("/img/ico_dough.svg") no-repeat left center; }
.ingredients-header-04 { background: url("/img/ico_vege.svg") no-repeat left center; }
.ingredients-header-05 { background: url("/img/ico_icecream.svg") no-repeat left center; }
.ingredients-header-06 { background: url("/img/ico_pizza.svg") no-repeat left center; }



#menu {


}
#menu ul { 
  list-style:none;
  margin-left:0;
  padding-left:0;
}

#menu ul li { 
  position:relative;
  border-bottom:2px dashed #000;
  padding-top:20px;
  padding-bottom:20px;  
  font-size:19px;
  padding-right:130px;  
}

#menu ul li span.name { 

}
#menu ul li span.name strong { 
  font-size: 36px;
  font-weight:normal;
}

#menu ul li span.ico-leaf { 
  position:absolute;
  top:25px; right: 80px;
  background: url("/img/ico_leaf.svg") no-repeat center center;
  width:40px; height:40px;
}
#menu ul li span.ico-chilli { 
  position:absolute;
  top:25px; right: 80px;
  background: url("/img/ico_chilli.svg") no-repeat center center;
  width:40px; height:40px;
}
#menu ul li span.ico-chilli2 { 
	position:absolute;
	top:25px; right: 120px;
	background: url("/img/ico_chilli.svg") no-repeat center center;
	width:40px; height:40px;
  }
#menu ul li span.price { 
  font-size: 36px;
  font-weight:bold;
  position:absolute;
  top: 20px;
  right:0;
}
#menu .menu-header {
  text-transform:uppercase;
  text-align:left;
  font-size:20px;
  font-weight:bold;
}




#gallery {
  min-height:400px;
  padding:50px 0;
}



.italian-pizza {
  height: 450px;
  background: #fff url("/img/background_about.jpg") no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
}

@media only screen and (min-width: 768px) {
	#gdzie-jestesmy {
	  color:#ffffff;
	  padding-top:100px;
	  padding-bottom: 30px;
	}

	#gdzie-jestesmy h2 {
	  text-transform:uppercase;
	  text-align:left;
	  font-size:24px;
	}

	#gdzie-jestesmy a {
	  text-transform:uppercase;
	  text-align:right;
	  font-size:32px;
	}
	#gdzie-jestesmy .image-wrapper-2 {
		width:100%;
		position:relative;
	}
	#gdzie-jestesmy img {
		position:absolute;
		left:0; right:0;
		display:block;
		width:100%;
		height:auto;
	}

}
@media only screen and (max-width: 767px) {
	#gdzie-jestesmy {
	  color:#ffffff;
	  padding-top:15px;
	  padding-bottom: 30px;
	}

	#gdzie-jestesmy h2 {
	  text-transform:uppercase;
	  text-align:left;
	  font-size:24px;
	}

	#gdzie-jestesmy a {
	  text-transform:uppercase;
	  text-align:right;
	  font-size:32px;
	}
	#gdzie-jestesmy .image-wrapper-2 {
		width:100%;position:relative;
	}
	#gdzie-jestesmy img {
		position:relative;
		display:block;
		width:100%;height:auto;
		padding-bottom:15px;
	}

}

@media only screen and (min-width: 768px) {
	#kontakt {
		font-size:28px;
		padding-top:100px;
		padding-bottom:30px;
	}
	#kontakt h2 {
		text-align:left;
		font-size:36px;
	}

	#kontakt ul.navbar-nav-social {
		list-style:none;
		text-align:left;
		margin:0;
		padding:0;
	}
	#kontakt ul.navbar-nav-social li img {
		height:30px;
		width:auto;
		display:block;
		margin-top:10px;
		margin-right:10px;
		margin-left:0;
	}

	#kontakt .col-lg-4 { position:relative;}
	.footer-logos {
		position:relative;
		width:auto;
		margin-top:20px;
		float:right;
	}
}

@media only screen and (max-width: 767px) {
	#kontakt {
		font-size:28px;
		padding-top:50px;
		padding-bottom:30px;
	}
	#kontakt h2 {
		text-align:left;
		font-size:36px;
	}

	#kontakt ul.navbar-nav-social {
		list-style:none;
		text-align:center;
		margin:0;
		padding:0;
	}
	#kontakt ul.navbar-nav-social li img {
		height:30px;
		width:auto;
		display:block;
		margin-top:10px;
		margin-right:10px;
		margin-left:0;
	}
	#kontakt .col-lg-4 { 
		position:relative; 
		text-align:center; 
	}
	.footer-logos {
		position:relative;
		text-align:center;
		margin: 0 auto;
	}
}


footer {
  background-color:#ffffff;
}

  footer .row .row {
    border-top:2px dashed #000;
    padding-top:20px;
  }
@media only screen and (min-width: 768px) {
  footer p.text-right {
    text-align:right !important;
  }
}
@media only screen and (max-width: 767px) {
  footer p.text-right,  footer p.text-left {
    text-align:center !important;
  }
}

.owl-nav {
	position:absolute;
	left:0; right:0;
	top:45%;
}

@media only screen and (min-width: 768px) {
	.owl-prev {
		position:absolute;
		top:0; left:-20px;;
	}
	.owl-prev span { color:#fff; font-size:36px; }

	.owl-next {
		position:absolute;
		top:0; right:-20px;
	}
	.owl-next span { color:#fff; font-size:36px; }
}

@media only screen and (max-width: 767px) {
	.owl-prev {
		position:absolute;
		top:0; left:-5px;;
	}
	.owl-prev span { color:#fff; font-size:36px; }

	.owl-next {
		position:absolute;
		top:0; right:-5px;
	}
	.owl-next span { color:#fff; font-size:36px; }
}