body{
font-family: "Open Sans",arial;
font-weight: 300;

font-size:16px;
text-align: center;
margin: 0 !important;
	
}

h2{
text-align: left;	
}

ul{
font-family: "Open Sans",arial;
font-weight: 300;
text-align: left;	
font-size:16px;

}
.wrapper {
	width: 100%;
	
}
.header {
width : 100%;	
padding : 40px 0;
background-color: #eee;


}
hr.style-two { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }

.logo{
position:relative;
font-size : 30px;
width: 450px;	
display: inline-block;
}
.phone{
display: inline-block;
position: relative;
width: 450px;
margin-left: 90px;
margin-right: 10px;
text-align: right;
font-size: 30px;

	
	
}

.zadzwon{ 

display:none;
}


.haslo{
	padding-top: 25px;
	
}
.slogan{
font-size: 19px;
color: green;
}

.article {
width: 800px;
text-align: justify;
margin-left: auto;
margin-right: auto;		
}
.section {
	width: 1000px;
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
}


.belka{
margin-top: 30px;
color: black;
text-align: center;
width: 100%;

height: 70px;

	
}
h1{
text-align: left;
font-size: 40px;
padding: 0;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
width: 900px;
	
}
.footer{
text-align: center;	

}
.free, .titfn {
color: green;
}
.czysz{
color: green;
text-decoration: none;	
	
}

.one {
		width: 960px;
		height: 476px;
		float: center;
		background-image: url("../images/czyszczeniedywanow.png");
		background-position: center;
		
		margin-left:auto;
		margin-right:auto;
		 
		}
		.textonone{
		width: 45%;
		background-color: #30c2ff;
		opacity: 0.65;
		filter: alpha(opacity=65); /* For IE8 and earlier */
		color: white;
		font-size: 16px;
		padding: 10px;
		text-align: center;
		}
		.two{
	width: 45%;
	background-color: #00000b;
	opacity: 0.65;
	filter: alpha(opacity=65); /* For IE8 and earlier */
	color: white;
	font-size: 16px;
	padding: 10px;
	margin: 25px;
		
		}

.socials{
width: 100%;
text-align: center;	
background-color: #565252;
}
.socialdiv{
width:1000px;
margin-left: auto;
margin-right: auto;
}
.fb{
width: 250px;	
height: 155px;
float: left;		
}
.fb:hover{
background-color: #4668b3;		
}
.yt{
width: 250px;
height: 155px;
float: left;
}
.yt:hover{
background-color: #d94348;	
}
.tw{
width: 250px;
height: 155px;
float: left;		
}
.tw:hover{
background-color: #3095d3; 
}
.gplus{
width: 250px;
height: 155px;
float: left;		
}
.gplus:hover{
background-color: #d95333;	
}
.sticky{
width: 100%;
left: 0;
top: 0;	
z-index: 100;
position: fixed;
}
.navi{
width:100%;

background-color: green;
}
.navi:nth-last-child(1) {
  text-align:right;
}

ol.nav {
padding: 10px 0;
margin: 0;
list-style-type: none;
font-size: 19px;
height: 35px;
line-height: 200%;	
display: inline-block;
background-color: green;
}
ol.nav a {
color: #ffffff;
text-decoration: none;	
display: block;
}
ol.nav > li {
float: left;
width: 120px;
height: 40px;
border-right: 1px dashed black;		
}
ol.nav > li > a:hover {
color: black;		
}
ol.nav >li.icon {display: none;}

	
@media screen and (max-width:680px){
	.navi>ol.nav li:not(:first-child){display: none;}
	.navi>ol.nav li.icon{float: right;display: inline-block;}
	
	/* przycisk zadzwoń */
	
	
.zadzwon img {
	width:15px;
	   height:15px;
	
}

@media only screen 
and (min-width : 100px) 
and (max-width : 700px)  {
	
	.zadzwon
	{
		display: inline-block;
		float:left;
		z-index:100;
	    right: 0;
         bottom: 0;
       z-index: 102;
       position: fixed;
	   width:75px;
	   
	   
}
	
	#ex , .one , .textonone{display:none;}	
	.logo{position:relative;margin-left: 0;padding-left: 0;width: auto;}
	.phone,.haslo,.slogan{float:left;text-align:left;width: auto;margin-left: 0;padding-left: 10px; display:block; }
	
	.section{width: auto;display:block;float:none;}	
	.table1 {width:aSuto;}
	.header{
	width: auto;
}
.haslo{ font-size: 26px; font-weight:700;}

.slogan{ font-size: 13px; font-weight:700; text-align:right;}

.phone{ float:none; text-align:center; margin:10px auto -10px 40px; font-size: 24px; font-weight:600;}	
	p {
	width: auto !important;
	display: block;
	padding: 15px 35px;
}
	h1{
	font-size: 26px;
	width: auto;
	margin: 25px;
}
	.icon-mobile{display:none;}
	
	.count{display: none;}
	.socialdiv{width:auto;float:center;}
	.socials{display: flex;width:auto;}
	.navi>ol.nav.responsive {position: relative;text-align:left;width:100%;}
	.navi>ol.nav.responsive li.icon {position: relative;right: 0;top: 0;width:100%;}
	.navi>ol.nav.responsive  li {padding: 20px 0;margin-bottom: 0;border: 0;float: none;display: inline;width:100%;}
	.navi>ol.nav.responsive  li a {background-color:green;display: block;width:100%;}
	


}