body{

	background-color: #fffdef;

}

h1{

	font-family: 'Pacifico', cursive;

}



.navbar{

	margin-bottom: 0px;

}

.navbar-default {

    background-color: #000;

    border-color: #000;

}

.navbar-nav {

	float: none;

	width: 990px;

	margin: 0 auto;

}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {

    color: #4CAE4C;

}



.navbar-default .navbar-nav>li>a {

	color: #ffffff;

	text-transform: uppercase;

}



.navbar-default .navbar-collapse, .navbar-default .navbar-form{

	border-color:#000;

}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {

    border-color: #000;

    overflow: hidden;

}

.navbar-brand{

	display: none;

}



.jumbotron{

	padding: 0px;

	background-color: #ffffff;

}



.jumbotron .container {

	background-image: url(../images/header.png);

	width: 1354px;

	height: 217px;

	background-repeat: no-repeat;

    background-size: cover;

	padding-top: 30px;

}

.jumbotron h3{

	text-transform: uppercase;

}



.container{

	max-width:1354px;

}

.container p{

	text-align: justify;

	line-height: 1.9em;

}

.colhome h4 {

	margin: 40px 60px 80px 0px;

	font-size: 2.5em;

}

.media{

	margin-bottom: 45px;

}

.media:first-child{

	margin-top:45px;

}

.media-heading {

    margin: 40px;

    font-size: 2em;

    font-weight: bold;

    text-transform: uppercase;

}

.first .media:first-child{

	margin-top: 10px;	

}

.first h4{

	font-family: 'Pacifico', cursive;

}

.rodzaje .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {



}

.rodzaje .zdj{

	padding-right: 2.5px;

	padding-left: 2.5px;

}

.rodzaje .thumbnail {

	margin-bottom: 5px;

	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	border-radius: 0px;

	padding:0px;

}

.rank{

	background-color: #8e8e8e;

	margin-top: 20px;

}



.mini {

	margin-bottom: 0px;

}

.mini .media-heading {

    margin: 20px;

    font-size: 1.5em;

}	

.mini .media-body p{

	margin: 20px;

	color: #fff;

} 

.art .media{

	min-height:340px;

}

.art .media-object{

	width: 90%;

    text-align: center;

    margin: 0px auto;

	border-radius: 50%;

}

.main .media-heading{

	font-size: 2.5em;

	min-width: 195px;

	text-align: center;

	color: rgb(255, 255, 255);

}

.art .media-heading{

	margin: 30px 5px 10px 5px;

	font-size: 1.1em;

	font-weight: normal;

}

.art .btn{

	position: absolute;

	bottom: 0;

}

.footer, .push {

	height: 50px;

	background-color: #000;

	margin-top: 50px;

}

.text-muted {

	font-size: 1em;

    color: #fff;

    padding: 10px 10px 0px 10px;

}



#sidenav {

    position: fixed;

    top: 50%;

    right: 53px;

    height: 216px;

    margin-top: -108px;

}



#sidenav ul {

    list-style-type: none;

    margin: 0px;

    padding: 0px;

}



#sidenav li {

    width: 16px;

    height: 16px;

    margin-bottom: 20px;

}



#sidenav li a {

    display: block;

    width: 16px;

    height: 16px;

    text-indent: 11985px;

    background: transparent url('../images/navblack.png') scroll no-repeat top center;

}



#sidenav li a:hover, #sidenav li a.active {

    background-position: bottom center;

}







	@media only screen and (max-width : 1200px){		

		.colhome h4 {

			margin: 40px 60px 70px 0px;

			font-size: 2em;

		}

 

	}

 



	@media only screen and (max-width : 992px){

		.colhome h4 {

			margin: 20px 60px 30px 0px;

			font-size: 2em;

		}

		.media {

			margin-bottom: 20px;

		}

		.media-heading{

			margin: 40px;

		}

		.main .media-object{

			margin: 0 auto;

		}

		.main .media-heading{

			 margin-top: 0px;

		}

		#sidenav {

			right: 50px;

		}

	}

 

	@media only screen and (max-width : 768px){

		

		.navbar-brand{

			display: block;

			font-family: 'Pacifico', cursive;

		}

		.jumbotron{

			display: none;

		}

		.rodzaje .thumbnail .caption {

				padding: 0px 9px;

				text-transform: uppercase;

				text-align: center;

				position: relative;

				background: rgba(0, 0, 0, 0.5);

				color: #fff;

				border: 4px solid #fff;

		}

		.main .media-object{

			display:none;

			margin: 0 auto;

		}

		.art .media-object {

			width: 40%;

		}

		.media:first-child{

			margin-top:20px;

		}

		

		.media-heading{

			margin: 40px 20px;

		}

		#sidenav {

			display: none;

		}

	}

 

	@media only screen and (max-width : 480px){

		.jumbotron{

			display: none;

		}

		.art .media-object {

			width:50%;

			

		}

		.main .media-heading{

			font-size: 2.3em;

		}

		.mini .media-object{

			display:none;

		}

		.mini .media-body p {

			margin: 20px 0px;

		}

		.media-heading{

			margin: 35px 5px;

			font-size:1.6em;

		}

		.media-object{

			width:30%;

		}

		#sidenav {

			display: none;

		}

		

	}