* {padding:0;margin:0;}

html {width:100%;height:100%; }
body {    font-family: 'Roboto', sans-serif; font-size:17px;font-weight:400;color:black;
		background-image:url('../images/background.png');
		background-size:100%;
}

.container {width:100%;max-width:1350px;margin:0 auto;text-align:center; }




.menu-trigger {color:white;background:#192B6C;font-weight:700;text-transform:uppercase;padding:15px;margin:0 0 5px;cursor:pointer;}



#main {float:right;margin:0 0 25px;}

footer {clear:both;color:#FFF;background:#121212;padding:15px 0 15px 30px;margin:0 0 25px;}



aside {margin:0 0 0px; display: flex; justify-content: center; align-items:center;}
img.logo{align-items:center;}
div.aside_left
{
	
	width:50%;
	background:white;
	display:inline-block;
	align-items:center;
	display:flex;
	text-align:center;
}
div.middle
{
	width:20%;
	background:white;
	display:inline-block;
	align-items:center;
	display:flex;
	
}
div.aside_right
{
	width:50%;
	background: white;
	display:inline-block;
	align-items:center;
	display:;  /* domyslnie flex */
	text-align:right;
}	

a.telefon
{
	font-size:1.7em;
	color:black;
	text-decoration:none;
}
header 
{
	margin:25px 0;height:600px;background:; display:flex;justify-content:center;width:90%;margin-left:auto;margin-right:auto;
 }
 div.left_side
{
	width:49%;
	background-color:;    /* TŁO POD DIV */
	align-items:center;
	display:flex;
	justify-content:center;
	padding:20px  0px;

}
div.right_side
{
	width:49%;
	background-color:;  
	align-items:center;
	display:flex;
	justify-content:center;
	padding:0px  0px;
	padding-left:10px;
	padding-top:40px;
}
 div.left_side_kontakt
{
	width:49%;
	background-color:;    /* TŁO POD DIV */
	align-items:center;
	display:flex;
	justify-content:center;
	padding:20px  0px;
	

}
 img.logo_kontakt
 {
	 display:block;
	 width:400px;
}
 img.rodzina
 {
	 width:70%;
}

 div.ikonki
{
	width:40%;

	background-color:;
	align-items:center;
	justify-content:center;

}

div#ofirmie
{
		height:;
		background:;
		display:flex;
		flex-wrap:wrap; 
}
div#oferta
{
		padding-left:10px;
		padding-right:10px;
		background:;
	flex-wrap:wrap;  /* Musi być aby ikonki sie ustawiały pod sobą */
	display:flex;
	justify-content: center;

}
div#galeria
{
		padding:20px;
		background:;
	flex-wrap:wrap;  /* Musi być aby ikonki sie ustawiały pod sobą */
	display:flex;
	justify-content: center;

}
div#realizacje
{
		padding:50px;
		background:;
	flex-wrap:wrap;  /* Musi być aby ikonki sie ustawiały pod sobą */
	display:flex;
	justify-content: center;

}
div#kontakt
{
	padding:0px 10px;
		background:;
	flex-wrap:wrap;  /* Musi być aby ikonki sie ustawiały pod sobą */
	display:flex;
	justify-content: center;
}


aside.nav
{
	 padding-top:20px;
	 padding-bottom:14px;
	 border-bottom: 2px solid gray;
	 
}
span.baner
{
	font-size:0.6em;
	line-height:1.5;
	font-style: oblique;
}

.form
{
	font-size:1em;
	height:50px;
	     padding: 5px 10px;
   resize:vertical;
   line-height:1em;
   resize:vertical;
   border-radius: 22px;
 
   
}
      .form input[type="text"] {
            font-family: inherit;
            padding: 10px;
            border: 2px solid gray;
            border-radius: 22px;
            transition: .2s border ease;
            width: 270px;
            margin-bottom: 15px;
			font-size:1.2em;
        }
#bgcolor
{
	background:red;
	color:white;
	padding:0px 20px;
	cursor:pointer;
}
#wizyt
{
	background:red;
	color:white;
	padding:0px 20px;
	cursor:pointer;
	 padding: 10px;
            border: 2px solid gray;
            border-radius: 22px;
            transition: .2s border ease;
            width: 220px;
            margin-bottom: 15px;
			font-size:1.0em;
			text-align:center;
}

h1.naglowki_big
{
	
	margin:auto;
	text-align:Center;
	background:;  
	width:50%;
	font-size:2.3em;
}
h1
{

	text-align:Center;
	
}
span.color_cyan
{
color:#192B6C;	
}
span.red
{
	color:Red;
}
span.italic_red
{
	font-style: oblique;
	color:Red;
	font-size:0.8em;
	font-weight:200;
}
span.italic_cyan
{
	font-style: oblique;
	color:#192B6C;
	font-size:0.8em;
	font-weight:800;
}
span.italic
{
	font-style: oblique;
	color:;
	font-size:0.8em;
	font-weight:200;
}
span.weight
{
	font-weight:200;
}


img.pinezka 
{
	
}



div#telefon
{
	width:100%;
	background-color:#192B6C;
	padding: 1px;
	text-align:center;
	position: fixed;
	right: 0; 
	bottom: 0;
	z-index:34000;
	display:none;
}
#tel
{
padding: 15px; margin-right: 0px;
animation: animacja 0.8s ease 0.8s infinite alternate none;
}
@keyframes animacja
{
0% { transform: rotate(-35deg);  }

100% { transform: rotate(15deg);  }
}







.aside-container {
	width: 70%;
	display: flex;
	align-items: center;
}



@media (min-width: 900px) {
	aside {width:100%; background:white; }
	#main {width:65%;}
	
	.menu-trigger {display:none;}
	
	aside nav {display:block !important; }
	aside nav ul {list-style:none; }
	aside nav ul li {margin-bottom:1px; display:inline;}
	aside nav ul li a {display:inline-block;font-size:20px;text-decoration:none;color:#000;background:#;padding:8px 20px;}
	aside nav ul li a:hover{background:#212121;color:#FFF;}
}
@media (max-width: 900px) {
	aside {display:block;width:100%; background:white; }
	div.aside_left{display:block !important; ;width:100%;text-align:center;background:;}
	div.aside_middle{display:block !important; ;width:100%; text-align:center;margin-bottom:8px;}
	div.aside_right{display:block !important; ;width:100%; text-align:center;}
	
	aside,
	#main {width:100%;}
	
	.menu-trigger {display:block;}
	
	aside nav {display:none;}
	aside nav ul {list-style:none;}
	aside nav ul li {margin-bottom:1px;}
	aside nav ul li a {display:block;font-size:14px;font-weight:700;text-decoration:none;color:#fff;background:#333;padding:12px 20px;}
	aside nav ul li a:hover{background:#212121;color:#FFF;}
	 .sticky .aside-container {
		 /* margin-top:-180px; */
		 /* transform:; */
		 /* transition:400ms; */
		 display:none;
	 } 
	 img.logo{width:75%;}
	 .aside-container {
		 flex-direction: column;
		justify-content: center;
		width: 100%;
		 transition:400ms;
		 
	 }
	 div.aside_left
	 {	
		 align-items:center;
		padding:00px;

	 }
		header {display:block;}
		div#ofirmie {display:block;}
		
	  div.left_side {width:94%; background:;padding:10px; } 
	  div.right_side {width:95%;}	
	  div.left_side_kontakt {width:98%; background:;padding:2%; }  /* NA TELEFONACH KONTAKT */
	 img.logo_kontakt {width:100%;}
	 
	 
	div.aside_left{}
	div.aside_middle{padding-top:0px;}
	div.aside_right{}
	
	
	 div.ikonki{width:95%;}
	 img.ikonka_top {width:20%;}
	 span.weight {font-size:0.8em}
	 h1.naglowki_big {width:95%; font-size:1.9em;padding:0px;}
	 h1.naglowek_1 {font-size:1.6em; margin:30px;}
	 
	 
	 div#telefon  {display:block;}
	 img.example-image{width:40%;}
	 
}

.sticky /*doklejanie menu nav! */
{
	width: 100%;
	max-width:1350px;
	transform: translateX(-50%);
	position: fixed;
	left: 50%;
	top: 0;
	z-index: 100;
	margin: ;
	opacity: 1;	
}
a 
{
	text-decoration:none;
}

.g-recaptcha {
	display: none;
}

.g-recaptcha.show {
	display: inherit;
	
}
.g-recaptcha.exit {
	display: none;
	
}

.margin_foto {
	padding-top:100px;
	transition:300ms;
}