a.wiecej2 , ul.oferta li .ico img , #button , ul.ofertacat li .ico img , .formularz input , .formularz textarea , .formularz select , input.wpcf7-submit , .nav-drill .nav-link
{transition: all 0.5s linear 0s !important;}

#footer a , ul.ofertacat li
{transition: all 0.3s linear 0s !important;}

#top a#logo img , a.fb img , a.tel img
{transition: all 0.1s linear 0s !important; }


#top a#logo:hover img
{ transform: scale(0.9); }
a.fb:hover img , a.tel:hover img
{ transform: scale(0.7); }
#ofertahome ul li:hover img , ul.ofertacat li:hover .ico img
{ transform: scale(1.1); }



/*----------------------------------------------------------------------------------------------*/

.lista h1 , .lista h2 , .lista h3 , .lista h4 , .lista h5, .lista h6
{font-family: "Poppins", sans-serif; font-weight:300; }

/*----------------------------------------------------------------------------------------------*/

.lista h1 , .tyt strong 
{font-family: "Poppins", sans-serif; font-weight:400; }

/*----------------------------------------------------------------------------------------------*/

#mtop ul li a , #opisb h1 span , ul.oferta li h2 , .nav-top
{font-family: "Poppins", sans-serif; font-weight:500; }

/*----------------------------------------------------------------------------------------------*/

#opisb h1 strong , .tyt , a.wiecej2 , input.wpcf7-submit , #opisb h1
{font-family: "Poppins", sans-serif; font-weight:700; }

/*----------------------------------------------------------------------------------------------*/




.poka { animation: pok 0.5s forwards;}

@keyframes pok { 
      0% { opacity: 0;}   
    100% { opacity: 1;}
}


.graff .slick-active .txt{ animation: pokagraf 2s forwards;}





/*--------------------------------------------------------------------*/



@media only screen and (max-width: 1600px)
{
:root{
	--p10:5%;		
	--p15:10%;			
	--p20:15%;				
}

}


@media only screen and (max-width: 1500px)
{
#opisb { width:60%;}
}

@media only screen and (max-width: 1400px)
{
html { font-size:9px;}
:root{
	--p15:5%;			
	--p20:10%;				
}
}

@media only screen and (max-width: 1300px)
{
:root{
	--p2:3%;		
}
#opisb { width:90%;}
#formalnosci .box { width:100%;}
#formalnosci .box:nth-child(2) { padding:4% 0px 2% 0px;}
#telefony { right:5%; bottom:auto; top:150px;}


}

@media only screen and (max-width: 1200px)
{
ul.oferta li { width:48%; }
#infoporady .box { width:100%;}
#infoporady .box:nth-child(1) { margin-bottom:2%;}
#mtop ul { display:none;}
#top { height:120px;}
#top a#logo img { height:100px !important; }

#page-posluga { flex-wrap:wrap; }
#page-posluga .box:nth-child(1) { width:100%; margin-bottom:var(--p2); }
#page-posluga .box:nth-child(2) { width:100%;}

.formularz .f2 { width:100%; }
.formularz .f3 { width:100%; }

#page-kontakt .box:nth-child(1) { width:45%;}
#page-kontakt .box:nth-child(2) { width:50%;}


}

@media only screen and (max-width: 1100px)
{
#footer { flex-wrap:wrap; justify-content:center;}
#footer .box { width:48%; text-align:center; margin-bottom:20px;}
#podpis { text-align:center; flex-wrap:wrap; align-items:center; }
#podpis span , #podpis a { width:100%;}
a.tel { bottom: auto; top:120px; }

}

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

:root{
	--p20:5%;	
	--p2:5%;		
	--p3:5%;				
}
input.wpcf7-submit { width:60%;}
}

@media only screen and (max-width: 900px)
{
ul.ofertacat { width:100%; margin-left:0; }
ul.ofertacat li { width:100%; margin:0px 0px 5% 0; }
.inne ul.oferta li { width:48%;  }

#telefony { display:flex; }
#telefony a { margin:0px 0px 0px 20px;}

}

@media only screen and (max-width: 800px)
{
#page-kontakt { flex-wrap:wrap;}
#page-kontakt .box:nth-child(1) { width:100%; margin-bottom:5%;}
#page-kontakt .box:nth-child(2) { width:100%;}	
}


@media only screen and (max-width: 700px)
{
ul.oferta { width:100%; margin-left:0;}
ul.oferta li { width:100%; margin:0px 0px 5% 0px; }
#footer .box { width:100%;}
.inne ul.oferta li { width:100%;  }
a.wiecej2 { width:100%;} 
#opisb h1 { font-size:3.5rem; line-height:4rem; margin-bottom:15px; }
#opisb h1 strong { font-size:4rem; line-height:4.5rem;}
#opisb h1 span { font-size:2rem; line-height:2.5rem ;}
a.tel { font-size:2rem; }

}

@media only screen and (max-width: 600px)
{
#opisb { bottom:5%; }
html { font-size:8px;}
ul.ofertacat li h2 { padding:5%;}
input.wpcf7-submit { width:100%;}
}

@media only screen and (max-width: 400px)
{
#opisb h1 { margin-bottom:10px;}
#telefony { top:120px;}

#top { height:100px; }
#top a#logo img { height:80px !important; }
#telefony { top:110;}

}