@import url(fontawesome-all.min.css);
@import url("https://use.typekit.net/dvj2bbt.css");

/* sedzipp */

	#sedzipp {
		
		background-position: center center;
		background-size: auto, cover, cover;
		background-attachment: fixed, fixed, fixed;
		background-repeat: repeat, no-repeat, no-repeat;
		position: relative;
		min-height: 70vh;
		height: 40em;
	}

.img1 {
    background-image: url("images/overlay.png"), -moz-linear-gradient(45deg, rgba(243, 119, 31, 0.15), rgba(8, 46, 65, 0.35)), url("../../images/sedzipp.jpg");
		background-image: url("images/overlay.png"), -webkit-linear-gradient(45deg, rgba(243, 119, 31, 0.15), rgba(8, 46, 65, 0.35)), url("../../images/sedzipp.jpg");
		background-image: url("images/overlay.png"), -ms-linear-gradient(45deg, rgba(243, 119, 31, 0.15), rgba(8, 46, 65, 0.35)), url("../../images/sedzipp.jpg");
		background-image: url("images/overlay.png"), linear-gradient(45deg, rgba(243, 119, 31, 0.15), rgba(8, 46, 65, 0.35)), url("../../images/sedzipp.jpg");
    
}



.img2 {
		background-image: url("images/overlay.png"), -moz-linear-gradient(45deg, rgba(243, 119, 31, 0.0), rgba(243, 119, 31, 0.25)), url("../../images/panink1.jpg");
		background-image: url("images/overlay.png"), -webkit-linear-gradient(45deg, rgba(243, 119, 31, 0.0), rgba(243, 119, 31, 0.25)), url("../../images/panink1.jpg");
		background-image: url("images/overlay.png"), -ms-linear-gradient(45deg, rgba(243, 119, 31, 0.0), rgba(243, 119, 31, 0.25)), url("../../images/panink1.jpg");
		background-image: url("images/overlay.png"), linear-gradient(45deg, rgba(243, 119, 31, 0.0), rgba(243, 119, 31, 0.25)), url("../../images/panink1.jpg");
		
	}

.img3 {
		background-image: url("images/overlay.png"), -moz-linear-gradient(45deg, rgba(243, 119, 31, 0.15), rgba(8, 46, 65, 0.35)), url("../../images/zabicbobra.jpg");
		background-image: url("images/overlay.png"), -webkit-linear-gradient(45deg, rgba(243, 119, 31, 0.15), rgba(8, 46, 65, 0.35)), url("../../images/zabicbobra.jpg");
		background-image: url("images/overlay.png"), -ms-linear-gradient(45deg, rgba(243, 119, 31, 0.15), rgba(8, 46, 65, 0.35)), url("../../images/zabicbobra.jpg");
		background-image: url("images/overlay.png"), linear-gradient(45deg, rgba(243, 119, 31, 0.15), rgba(8, 46, 65, 0.35)), url("../../images/zabicbobra.jpg");
		
	}
.img4 {
		background-image: url("images/overlay.png"), -moz-linear-gradient(45deg, rgba(243, 119, 31, 0.25), rgba(8, 46, 65, 0.65)), url("../../images/annagerman.jpg");
		background-image: url("images/overlay.png"), -webkit-linear-gradient(45deg, rgba(243, 119, 31, 0.25), rgba(8, 46, 65, 0.65)), url("../../images/annagerman.jpg");
		background-image: url("images/overlay.png"), -ms-linear-gradient(45deg, rgba(243, 119, 31, 0.25), rgba(8, 46, 65, 0.45)), url("../../images/annagerman.jpg");
		background-image: url("images/overlay.png"), linear-gradient(45deg, rgba(243, 119, 31, 0.25), rgba(8, 46, 65, 0.45)), url("../../images/annagerman.jpg");
		
	}
.img5 {
		background-image: url("images/overlay.png"), -moz-linear-gradient(45deg, rgba(243, 119, 31, 0.25), rgba(8, 46, 65, 0.65)), url("../../images/mojalkoholiku.jpg");
		background-image: url("images/overlay.png"), -webkit-linear-gradient(45deg, rgba(243, 119, 31, 0.25), rgba(8, 46, 65, 0.65)), url("../../images/mojalkoholiku.jpg");
		background-image: url("images/overlay.png"), -ms-linear-gradient(45deg, rgba(243, 119, 31, 0.25), rgba(8, 46, 65, 0.45)), url("../../images/mojalkoholiku.jpg");
		background-image: url("images/overlay.png"), linear-gradient(45deg, rgba(243, 119, 31, 0.25), rgba(8, 46, 65, 0.45)), url("../../images/mojalkoholiku.jpg");
		
	}
.img6 {
		background-image: url("images/overlay.png"), -moz-linear-gradient(45deg, rgba(243, 119, 31, 0.15), rgba(8, 46, 65, 0.35)), url("../../images/obowiazki.jpg");
		background-image: url("images/overlay.png"), -webkit-linear-gradient(45deg, rgba(243, 119, 31, 0.15), rgba(8, 46, 65, 0.35)), url("../../images/obowiazki.jpg");
		background-image: url("images/overlay.png"), -ms-linear-gradient(45deg, rgba(243, 119, 31, 0.15), rgba(8, 46, 65, 0.35)), url("../../images/obowiazki.jpg");
		background-image: url("images/overlay.png"), linear-gradient(45deg, rgba(243, 119, 31, 0.15), rgba(8, 46, 65, 0.35)), url("../../images/obowiazki.jpg");
		
	}
.img7 {
		background-image: url("images/overlay.png"), -moz-linear-gradient(45deg, rgba(243, 119, 31, 0.15), rgba(8, 46, 65, 0.35)), url("../../images/tysiactog2.jpg");
		background-image: url("images/overlay.png"), -webkit-linear-gradient(45deg, rgba(243, 119, 31, 0.15), rgba(8, 46, 65, 0.65)), url("../../images/tysiactog2.jpg");
		background-image: url("images/overlay.png"), -ms-linear-gradient(45deg, rgba(243, 119, 31, 0.15), rgba(8, 46, 65, 0.45)), url("../../images/tysiactog2.jpg");
		background-image: url("images/overlay.png"), linear-gradient(45deg, rgba(243, 119, 31, 0.15), rgba(8, 46, 65, 0.25)), url("../../images/tysiactog2.jpg");
		
	}
.img8 {
		background-image: url("images/overlay.png"), -moz-linear-gradient(45deg, rgba(243, 119, 31, 0.25), rgba(8, 46, 65, 0.65)), url("../../images/zabicbobra1.jpg");
		background-image: url("images/overlay.png"), -webkit-linear-gradient(45deg, rgba(243, 119, 31, 0.25), rgba(8, 46, 65, 0.65)), url("../../images/zabicbobra1.jpg");
		background-image: url("images/overlay.png"), -ms-linear-gradient(45deg, rgba(243, 119, 31, 0.25), rgba(8, 46, 65, 0.45)), url("../../images/zabicbobra1.jpg");
		background-image: url("images/overlay.png"), linear-gradient(45deg, rgba(243, 119, 31, 0.25), rgba(8, 46, 65, 0.45)), url("../../images/zabicbobra1.jpg");
		
	}
           #sedzipp .content {
			position: absolute;
			bottom: 0;
			left: 0;
			background-color: rgba(21, 27, 33, 0.3);
			color: #ffffff;
			padding: 2.5em 0 1.5em 0 ;
			width: 100%;
		}

			#sedzipp .content input, #sedzipp .content select, #sedzipp .content textarea {
				color: #ffffff;
			}

			#sedzipp .content a {
				color: #ffffff;
			}

			#sedzipp .content strong, #sedzipp .content b {
				color: #ffffff;
			}

			#sedzipp .content h1, #sedzipp .content h2, #sedzipp .content h3, #sedzipp .content h4, #sedzipp .content h5, #sedzipp .content h6 {
				color: #ffffff;
             
			}

			#sedzipp .content blockquote {
				border-left-color: #ffffff;
			}

			#sedzipp .content code {
				background: rgba(255, 255, 255, 0.075);
				border-color: #ffffff;
			}

			#sedzipp .content hr {
				border-bottom-color: #ffffff;
			}

			#sedzipp .content input[type="submit"],
			#sedzipp .content input[type="reset"],
			#sedzipp .content input[type="button"],
			#sedzipp .content button,
			#sedzipp .content .button {
				background-color: transparent;
				box-shadow: inset 0 0 0 2px #ffffff;
				color: #ffffff !important;
				letter-spacing: 0.05em;
				text-transform: uppercase;
			}

				#sedzipp .content input[type="submit"]:hover,
				#sedzipp .content input[type="reset"]:hover,
				#sedzipp .content input[type="button"]:hover,
				#sedzipp .content button:hover,
				#sedzipp .content .button:hover {
					background-color: rgba(255, 255, 255, 0.075);
				}

				#sedzipp .content input[type="submit"]:active,
				#sedzipp .content input[type="reset"]:active,
				#sedzipp .content input[type="button"]:active,
				#sedzipp .content button:active,
				#sedzipp .content .button:active {
					background-color: rgba(255, 255, 255, 0.2);
				}

				#sedzipp .content input[type="submit"].icon:before,
				#sedzipp .content input[type="reset"].icon:before,
				#sedzipp .content input[type="button"].icon:before,
				#sedzipp .content button.icon:before,
				#sedzipp .content .button.icon:before {
					color: #ffffff;
				}

				#sedzipp .content input[type="submit"].primary,
				#sedzipp .content input[type="reset"].primary,
				#sedzipp .content input[type="button"].primary,
				#sedzipp .content button.primary,
				#sedzipp .content .button.primary {
					box-shadow: none;
					background-color: #ffffff;
					color: rgba(21, 27, 33, 0.6) !important;
				}

					#sedzipp .content input[type="submit"].primary.icon:before,
					#sedzipp .content input[type="reset"].primary.icon:before,
					#sedzipp .content input[type="button"].primary.icon:before,
					#sedzipp .content button.primary.icon:before,
					#sedzipp .content .button.primary.icon:before {
						color: #ffffff;
					}

			#sedzipp .content header p {
				color: #ffffff;
                font-size: 1.2em;
                font-family: josefin-sans, sans-serif;
                font-weight: 300;
                font-style: normal;
			}

			#sedzipp .content header.major:after {
				background-color: #ffffff;
			}

			#sedzipp .content > .inner {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				margin: 0 auto;
				width: 70em;
			}

				#sedzipp .content > .inner header {
					width: 85%;
				}

				#sedzipp .content > .inner .actions {
					padding-left: 3em;
					text-align: right;
				}

		body.is-mobile #sedzipp {
			background-attachment: scroll;
		}

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

			#sedzipp {
				min-height: 0;
			}

				#sedzipp .content {
					padding: 4em 3em 2em 3em ;
				}

					#sedzipp .content > .inner {
						width: 100%;
					}

		}

	@media screen and (max-width: 980px) and (orientation: landscape) {

		#sedzipp {
			height: 30em;
		}

	}

	@media screen and (max-width: 980px) and (orientation: portrait) {

		#sedzipp {
			height: 50em;
		}

	}

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

			#sedzipp .content > .inner {
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
			}

				#sedzipp .content > .inner header {
					width: 100%;
				}

				#sedzipp .content > .inner .actions {
					width: 100%;
					padding-left: 0;
					text-align: left;
				}

		}

	@media screen and (max-width: 736px) and (orientation: landscape) {

		#sedzipp {
			height: 25em;
		}

	}

	@media screen and (max-width: 736px) and (orientation: portrait) {

		#sedzipp {
			height: 30em;
		}

	}

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

			#sedzipp .content {
				padding: 2.5em 2em 0.5em 2em ;
			}

		}

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

			#sedzipp .content {
				padding: 2.5em 1.5em 0.5em 1.5em ;
			}

		}
/* Posts */

	.posts {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 0 2em 0;
	}

		.posts .post {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
		}

			.posts .post .image {
				display: block;
				margin-right: 2em;
				width: 40%;
				-ms-flex: auto;
			}

				.posts .post .image img {
					display: block;
					width: 100%;
				}

			.posts .post .content {
				width: 60%;
				-ms-flex: auto;
			}

				.posts .post .content > :last-child {
					margin-bottom: 0;
				}

		.posts > * {
			margin: 0 0 4em 0;
			padding: 0 1.5em;
			width: 50%;
		}

		.posts > :nth-child(2n) {
			padding-right: 0;
		}

		.posts > :nth-child(2n + 1) {
			padding-left: 0;
		}

		.posts > :nth-last-child(1), .posts > :nth-last-child(2) {
			margin-bottom: 0;
		}

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

			.posts .post .image {
				width: 30%;
			}

			.posts .post .content {
				width: 70%;
			}

			.posts > * {
				margin: 0 0 3em 0 !important;
				padding: 0;
				width: 100%;
			}

			.posts > :last-child {
				margin-bottom: 0 !important;
			}

		}

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

			.posts .post .image {
				width: 30%;
				min-width: 6em;
			}

			.posts .post .content {
				width: 70%;
			}

		}

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

			.posts .post .image {
				margin-right: 1.5em;
			}

		}


		.posts .loga {
			margin: 0 0 4em 0;
			padding: 0 1.5em;
			width: 100%;
		}

	

/* Footer */

	#footer {
		
		background-position: center center;
		background-size: auto, cover, cover;
		background-attachment: fixed, fixed, fixed;
		background-repeat: repeat, no-repeat, no-repeat;
        background-color: rgba(21, 27, 33, 0.6);
		color: #ffffff;
	}
.imgf1 {
    background-image: url("images/overlay.png"), -moz-linear-gradient(45deg, rgba(39, 161, 227, 0.65), rgba(243, 119, 31, 0.65)), url("../../images/sedzipp1.jpg");
		background-image: url("images/overlay.png"), -webkit-linear-gradient(45deg, rgba(39, 161, 227, 0.65), rgba(243, 119, 31, 0.65)), url("../../images/sedzipp1.jpg");
		background-image: url("images/overlay.png"), -ms-linear-gradient(45deg, rgba(39, 161, 227, 0.65), rgba(243, 119, 31, 0.65)), url("../../images/sedzipp1.jpg");
		background-image: url("images/overlay.png"), linear-gradient(45deg, rgba(39, 161, 227, 0.65), rgba(243, 119, 31, 0.65)), url("../../images/sedzipp1.jpg");
    
    
}

.imgf2 {
    background-image: url("images/overlay.png"), -moz-linear-gradient(45deg, rgba(39, 161, 227, 0.65), rgba(243, 119, 31, 0.65)), url("../../images/panink.jpg");
		background-image: url("images/overlay.png"), -webkit-linear-gradient(45deg, rgba(39, 161, 227, 0.65), rgba(243, 119, 31, 0.65)), url("../../images/panink.jpg");
		background-image: url("images/overlay.png"), -ms-linear-gradient(45deg, rgba(39, 161, 227, 0.65), rgba(243, 119, 31, 0.65)), url("../../images/panink.jpg");
		background-image: url("images/overlay.png"), linear-gradient(45deg, rgba(39, 161, 227, 0.65), rgba(243, 119, 31, 0.65)), url("../../images/panink.jpg");
    
    
}

.imgf3 {
    background-image: url("images/overlay.png"), -moz-linear-gradient(45deg, rgba(39, 161, 227, 0.65), rgba(243, 119, 31, 0.65)), url("../../images/annagerman2.jpg");
		background-image: url("images/overlay.png"), -webkit-linear-gradient(45deg, rgba(39, 161, 227, 0.65), rgba(243, 119, 31, 0.65)), url("../../images/annagerman2.jpg");
		background-image: url("images/overlay.png"), -ms-linear-gradient(45deg, rgba(39, 161, 227, 0.65), rgba(243, 119, 31, 0.65)), url("../../images/annagerman2.jpg");
		background-image: url("images/overlay.png"), linear-gradient(45deg, rgba(39, 161, 227, 0.65), rgba(243, 119, 31, 0.65)), url("../../images/annagerman2.jpg");
    
    
}
.imgf4 {
    background-image: url("images/overlay.png"), -moz-linear-gradient(45deg, rgba(39, 161, 227, 0.65), rgba(243, 119, 31, 0.65)), url("../../images/tysiactog.jpg");
		background-image: url("images/overlay.png"), -webkit-linear-gradient(45deg, rgba(39, 161, 227, 0.65), rgba(243, 119, 31, 0.65)), url("../../images/tysiactog.jpg");
		background-image: url("images/overlay.png"), -ms-linear-gradient(45deg, rgba(39, 161, 227, 0.65), rgba(243, 119, 31, 0.65)), url("../../images/tysiactog.jpg");
		background-image: url("images/overlay.png"), linear-gradient(45deg, rgba(39, 161, 227, 0.65), rgba(243, 119, 31, 0.65)), url("../../images/tysiactog.jpg");
    
    
}
		#footer input, #footer select, #footer textarea {
			color: #ffffff;
		}

		#footer a {
			color: #f3771f;
            font-weight: 600;
		}

		#footer strong, #footer b {
			color: #ffffff;
		}

		#footer h1,  #footer h3, #footer h4, #footer h5, #footer h6 {
			color: #fff;
            font-weight: 400;
		}
        #footer h2 {
        color: #ffffff;
    
        }
		#footer blockquote {
			border-left-color: #f3771f;
		}

		#footer code {
			background: rgba(255, 255, 255, 0.075);
			border-color: #ffffff;
		}

		#footer hr {
			border-bottom-color: #ffffff;
		}

		#footer input[type="submit"],
		#footer input[type="reset"],
		#footer input[type="button"],
		#footer button,
		#footer .button {
			background-color: transparent;
			box-shadow: inset 0 0 0 2px #ffffff;
			color: #ffffff !important;
			letter-spacing: 0.05em;
			text-transform: uppercase;
		}

			#footer input[type="submit"]:hover,
			#footer input[type="reset"]:hover,
			#footer input[type="button"]:hover,
			#footer button:hover,
			#footer .button:hover {
				background-color: rgba(255, 255, 255, 0.075);
			}

			#footer input[type="submit"]:active,
			#footer input[type="reset"]:active,
			#footer input[type="button"]:active,
			#footer button:active,
			#footer .button:active {
				background-color: rgba(255, 255, 255, 0.2);
			}

			#footer input[type="submit"].icon:before,
			#footer input[type="reset"].icon:before,
			#footer input[type="button"].icon:before,
			#footer button.icon:before,
			#footer .button.icon:before {
				color: #ffffff;
			}

			#footer input[type="submit"].primary,
			#footer input[type="reset"].primary,
			#footer input[type="button"].primary,
			#footer button.primary,
			#footer .button.primary {
				box-shadow: none;
				background-color: #ffffff;
				color: rgba(21, 27, 33, 0.6) !important;
			}

				#footer input[type="submit"].primary.icon:before,
				#footer input[type="reset"].primary.icon:before,
				#footer input[type="button"].primary.icon:before,
				#footer button.primary.icon:before,
				#footer .button.primary.icon:before {
					color: #ffffff;
				}

		#footer header p {
			color: #ffffff;
		}

		#footer header.major:after {
			background-color: #ffffff;
		}

		#footer .content {
			padding: 3.5em 0 2.5em 0 ;
			background-color: rgba(21, 27, 33, 0.3);
		}

			#footer .content > .inner {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				margin: 0 auto;
				width: 70em;
			}

				#footer .content > .inner > * {
					padding-left: 3em;
					width: 25%;
				}

				#footer .content > .inner .about {
					padding-left: 0;
					width: 50%;
				}

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

				#footer .content {
					padding: 5em 3em 3em 3em ;
				}

					#footer .content > .inner {
						width: 100%;
					}

						#footer .content > .inner > * {
							width: 30%;
						}

						#footer .content > .inner .about {
							width: 40%;
						}

			}

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

				#footer .content > .inner {
					-moz-flex-wrap: wrap;
					-webkit-flex-wrap: wrap;
					-ms-flex-wrap: wrap;
					flex-wrap: wrap;
				}

					#footer .content > .inner > * {
						width: 50%;
						padding-left: 0;
					}

					#footer .content > .inner .about {
						width: 100%;
						margin: 0 0 2em 0;
					}

			}

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

				#footer .content {
					padding: 2.5em 2em 0.5em 2em ;
				}

			}

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

				#footer .content {
					padding: 2.5em 1.5em 0.5em 1.5em ;
				}

					#footer .content > .inner > * {
						width: 100%;
					}

			}

		#footer .copyright {
			font-size: 0.8em;
			margin: 0;
			padding: 8em 0;
			text-align: center;
		}

			#footer .copyright br {
				display: none;
			}

			#footer .copyright a {
				color: inherit;
			}

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

				#footer .copyright {
					padding: 6em 0;
				}

			}

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

				#footer .copyright {
					padding: 4em 0;
				}

			}

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

				#footer .copyright br {
					display: block;
				}

			}

		body.is-mobile #footer {
			background-attachment: scroll;
		}