body {
	font-family: Verdana, Arial;
	color: black;
	margin-top: 58px;
	padding-bottom: 0;
}

/* navbar */
.navbar {
	background-color: #e5ebf3;
	min-height: 58px;
	margin-bottom: 0px;
	opacity: 1.5;
}

.navbar-brand{
	margin-top: 4px;
	padding: 0;
}

.navbar-default .navbar-nav li{
	margin-right: 25px;
}

.navbar-default .navbar-nav li a{
	padding: 10px;
	margin-top: 9px;
	font-size: 15px;
	font-weight: 800;
	color: #000000;
	outline: none;
	border-radius: 8px;
	transition: all .3s ease-in-out 0s;
	-webkit-transition: all .3s ease-in-out 0s;
}

.navbar-default .navbar-nav li a:hover,
.navbar-default .navbar-nav li a:focus,
.navbar-default .navbar-nav li.active a,
.navbar-default .navbar-nav li.active a:focus{
	background-color: #000000;
	color: #e5ebf3;
}

.navbar-default .navbar-nav {
	float: right;
}

.navbar-collapse.in .navbar-nav{
	float: left;
	margin-left: 0px;
}

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

div#sections > div#home{
	background-image: url('img/foto1a.jpg');
	background-position: center;
	background-size: cover;
}

#home-logo{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -128px 0 0 -128px;
}

.banner-div{
	width: 100%;
	height: 320px;
}

#naszeProdukty .banner-div{
	background-image: url('img/banner-1.jpg');
	background-size: cover;
	background-position: center center;
}

#cennik .banner-div{
	background-image: url('img/banner-1.jpg');
	background-size: cover;
	background-position: center center;
}

.banner-div h1{
	width: 100%;
	text-align: center;
	margin: 0 0 0 0;
	padding: 135px 0 0 0;
	font-size: 48px;
	color: #ffffff;
	text-shadow: 2px 2px 2px #000000;
}

.banner{
	width: 100%;
}

#oNas,
#cennik{
	background-color: #b0b1b5;
}

#naszeProdukty,
#kontakt{
	background-color: #6d7582;
}

#oNas{
	padding-top: 150px;
}

p.text-par{
	text-indent: 40px;
	text-align: justify;
	margin-bottom: 100px;
}

#naszeProdukty .row{
	margin: 80px 0 120px 0;
	color: #ffffff;
	text-align: justify;
}

#naszeProdukty .row img{
	width: 100%;
	border: solid 3px #ffffff;
}

#cennik .row{
	margin: 30px 0;
	padding: 15px 0;
	color: #ffffff;
	background-color: #6d7582;
}

#cennik .row div{
	text-align: center;
}

#kontakt .row{
	margin-top: 25px;
	padding-bottom: 40px;
}

#kontakt h1,
#kontakt p{
	color: #ffffff;
}

#kontakt h1{
	margin-bottom: 0;
	text-transform: uppercase;
}

.form-control{
	border: none;
	border-radius: 0;
	background-color: #445164;
	margin-top: 10px;
	color: #ffffff;
}

#kontakt form{
	margin-top: 25px;
}

#msg-input{
	resize: none;
	height: 300px;
}

#signature-input,
#mail-input{
	width: 49%;
}

#signature-input{
	float: left;
}

#mail-input{
	float: right;
}

#contact-submit{
	float: left;
	width: 100px;
	transition: all .3s ease-in-out 0s;
	-webkit-transition: all .3s ease-in-out 0s;
}

#contact-submit:hover,
#contact-submit:focus{
	background-color: #222f42;
}

#contact-form p{
	font-weight: bold;
	text-align: center;
	font-size: 18px;
}

#contact-form p.success{
	color: #44ff44;
}

#contact-form p.error{
	color: #ff6666;
}

.open-hours-1,
.open-hours-2,
.open-hours-3{
	float: left;
	width: 33.33%;
	color: #ffffff;
}

.google-map iframe{
	width: 100%;
	height: 343px;
	margin-top: 20px;
	margin-bottom: 15px;
}

.contact-row{
	color: #ffffff;
	width: 100%;
	clear: both;
}

.contact-row > .left{
	float: left;
	text-align: left;
	padding-left: 30px;
}

.contact-row > .right{
	float: right;
	text-align: right;
	padding-right: 30px; 
}

.contact-row.hours > .left{
	padding-left: 45px;
}

.contact-row.hours > .right{
	padding-right: 45px;
}

.contact-row.hours > .right > span{
	margin-left: 15px;
}

footer{
	width: 100%;
	height: 80px;
	border-top: solid 1px #000000;
	background-color: #6d7582;
}

.fl-left{
	float: left;
}

.fl-right{
	float: right;
}

footer p{
	margin-top: 30px;
	color: #ffffff;
}

footer a{
	color: #ffffff;
}

footer a:hover,
footer a:focus{
	color: #bbbbbb;
	text-decoration: none;
}

footer a span:before{
	margin-left: 5px;
}

.clear-sm{
	display: block;
	clear: both;
	height: 120px;
}

.clear{
	clear: both;
}

@media screen and (min-width: 768px){
	.navbar-collapse.in .navbar-nav{
		float: right;
	}
}

@media screen and (min-width: 992px){
	.clear-sm{
		display: none;
	}
}

@media screen and (max-width: 801px){
	.navbar-brand{
		margin-left: 15px;
	}
}

@media screen and (max-width: 543px){
	#naszeProdukty .banner-div h1{
		padding: 100px 0 0 0;
	}
}

@media screen and (max-width: 500px){
	#naszeProdukty .row > div{
		width: 100%;
		margin-top: 10px;
	}
	
	.contact-row.contact-info > .left,
	.contact-row.hours > .left{
		padding-left: 0px;
	}

	.contact-row.contact-info > .right,
	.contact-row.hours > .right{
		padding-right: 0px;
	}
}

@media screen and (max-width: 415px){
	#naszeProdukty .banner-div h1{
		font-size: 36px;
		padding: 110px 0 0 0;
	}
}

@media screen and (max-width: 395px){
	.contact-row.contact-info > .left,
	.contact-row.contact-info > .right{
		clear: both;
		float: none;
		text-align: left;
	}
}

@media screen and (max-width: 300px){
	#naszeProdukty .banner-div h1{
		font-size: 24px;
		padding: 138px 0 0 0;
	}
}