@charset "utf-8";

html {font-family: 'Montserrat', sans-serif;}

body {
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	color: #000000;
	/* filter: grayscale(100%);
    -webkit-filter: grayscale(100%); */
}
/* .sec.protest {display: block;}
.sec-protest .row {margin-top: 15px; margin-bottom: 15px; border: solid 2px #000000;}
.sec-protest p {color: #000000; font-weight: 500;}
.sec-protest a {color: #000000; text-decoration: underline; font-weight: 500;}
.sec-protest .img {min-width: 450px;}
.sec-protest img {max-width: 100%;}
.protest-info { max-width: 70%; display: block; margin: 2em auto;border: solid 2px #000000;}
.protest-info img {max-width: 100%;}
.protest-info p {font-size: 1.2em; line-height: 1.5em; font-weight: 600; text-align: justify;} */

section {
	width: 100%;
	display: block;
	overflow: hidden;
	}

.row {
	margin: 0 auto;
	width: 100%;
	width: 90cw;
	max-width: 1200px;
	box-sizing: border-box;
}

.border {border-top: solid 1px #ecedef;}
.border2 {border-top: solid 1px #ecedef;border-bottom: solid 1px #ecedef;}

.flex {
	display: flex; 
	flex-flow: row;
	}
.flex.center {align-items: center;}
.flex.reversed {flex-flow: row-reverse;}

.col-2 {width: 50%;}

h1 {font-weight: 400; font-size: 30px;}
h2 {font-weight: 700; font-size: 24px;}
h3 {font-weight: 600; font-size: 20px;}
h4 {font-weight: 600; font-size: 18px; color: #85111f}
p, ul, li {font-weight: 300; font-size: 16px; line-height: 1.4em;}
small {font-size: 14px;}
strong {font-weight: 600;}

a {color: #000000; text-decoration: none;}
a:hover {color: #000000; text-decoration: underline;}

.white {color: #ffffff;}
.blue {color: #0069b4;}
.dark-blue {color: #0d5384;}


.white-bg {background-color: #ffffff;}
.grey-bg {background-color: #888d92;}
.blue-bg {background-color: #0069b4;}
.gradient-bg {background: rgb(13,83,132); background: linear-gradient(180deg, rgba(13,83,132,1) 0%, rgba(0,105,180,1) 100%);}

.shadow {
-webkit-box-shadow: 0px 11px 16px -13px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 11px 16px -13px rgba(0,0,0,0.75);
box-shadow: 0px 11px 16px -13px rgba(0,0,0,0.75);
}

.text-center {text-align: center;}
.padding {padding: 1em; box-sizing: border-box;}

.menu {
	display: flex;
	flex-flow: row;
	padding: 15px;}
.menu a {color: #ffffff; fobt-size:18px; font-weight: 400; text-decoration: none;}
.menu a:hover {text-decoration: underline;}
.menu a:after {content: '|'; margin-left: 10px; margin-right: 10px;}
.menu a:last-child:after {display: none;}


.kancelaria {background: url('images/bg-kancelaria.jpg') no-repeat bottom center; min-height: 225px;}
.kancelaria .flex div {width: calc(100% /3);}

.info {text-align: center; text-decoration: underline; font-weight: 600; width: 70%; margin: 30px auto;}

.mapa {}
.mapa iframe {width: 600px; height: 450px;} 

.mapa-kontakt {box-sizing: border-box;}
.mapa-kontakt iframe {width: 550px; height: 650px;
	-webkit-box-shadow: 3px 3px 7px 0px rgba(112,112,112,1);
	-moz-box-shadow: 3px 3px 7px 0px rgba(112,112,112,1);
	box-shadow: 3px 3px 7px 0px rgba(112,112,112,1);
	border: solid 2px #ffffff;
	margin: 15px auto;
	} 

.stopka, .stopka a, .stopka p, .stopka span {color: #ffffff; font-size: 13px;}
.stopka span {margin-right: 10px;}
.stopka a {text-decoration: underline; font-weight: 500;}
.stopka .flex {margin: 15px auto;width: fit-content;}
.stopka a:after {content: '|'; margin-left: 6px; margin-right: 6px;}
.stopka a:last-child:after {display: none;}


.wnioski {list-style: none; line-height: 2em;padding-left: 10px;}
.wnioski li {position: relative; padding-left: 25px;line-height: 2em;}
.wnioski li:before {content:''; width: 22px; height: 21px; position: absolute; left:0; top:2px;} 
.wnioski li.pdf:before {background: url('images/iko-pdf.png') no-repeat top center;}
.wnioski li.doc:before {background: url('images/iko-doc.png') no-repeat top center;}


.grey-box {width: 100% !important; background-color: #f3f3f4; padding: 2em 1em; box-sizing: border-box;}
.grey-box p {font-size: 14px;}
.grey-box hr {color: #000000; width: 100%;}
.grey-box .flex div:first-child {width: 50px;}
.grey-box .flex div:nth-child(2) {width: calc(100% - 50px);}

@media screen and (min-width: 769px) and (max-width: 1199px){
	.row {
		max-width: 90vw;
		}
	.mapa iframe, .mapa-kontakt iframe {width: 400px; height: 350px;} 
}



@media screen and (max-width: 768px){
	.sec-protest .img {min-width: auto;}
	.row {max-width: 98%}
	.menu {flex-flow: column; text-align: center;}
	.menu a:after, .stopka a:after {display: none;}
	.flex, .flex.reversed  {flex-flow: column !important; height: fit-content !important;}
	.kancelaria .flex div {width: 100%;}
	.info {width: 100%;}
	.sec-1 img{max-width: 100%;}
	.top img {margin: 10px auto; display: block;}
	h1 {font-size: 22px; text-align: center;}
	h2, h3, h4 {margin-top: 5px; margin-bottom: 5px;}
	.mapa iframe, .mapa-kontakt iframe {width: 100%; min-height: 300px;} 
	.mapa-kontakt iframe {box-shadow: none;}
	.col-2 {width: 100%;}
	.padding {padding: 1em; box-sizing: border-box;}
	.grey-box .flex div:first-child {width: 100%;}
	.grey-box .flex div:nth-child(2) {display:none;}
	.col-2 img {max-width: 100%;}
	}