html, body {height:100%;}



.bg1 {background: url('images/gospodarcze.jpg') !important ; background-size:cover !important;}

.bg2 {background: url('images/upadlosciowe.jpg')  !important; background-size:cover !important;}
.bg3 {background: url('images/rodzinne.jpg')  !important; background-size:cover !important;}
.bg4 {background: url('images/cywilne.jpg')  !important; background-size:cover !important;}

.top 
		{background: url('back.jpg') center top no-repeat;height:100%; background-size:cover; display:table;}

.left img {margin-top:40%;}

.left 
		{position:fixed; left:0; height:100%;
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 7%, rgba(255,255,255,1) 34%, rgba(255,255,255,0.8) 91%, rgba(255,255,255,0.8) 97%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(7%,rgba(255,255,255,1)), color-stop(34%,rgba(255,255,255,1)), color-stop(91%,rgba(255,255,255,0.8)), color-stop(97%,rgba(255,255,255,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 7%,rgba(255,255,255,1) 34%,rgba(255,255,255,0.8) 91%,rgba(255,255,255,0.8) 97%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 7%,rgba(255,255,255,1) 34%,rgba(255,255,255,0.8) 91%,rgba(255,255,255,0.8) 97%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 7%,rgba(255,255,255,1) 34%,rgba(255,255,255,0.8) 91%,rgba(255,255,255,0.8) 97%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 7%,rgba(255,255,255,1) 34%,rgba(255,255,255,0.8) 91%,rgba(255,255,255,0.8) 97%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ccffffff',GradientType=0 ); /* IE6-9 */

		 }

ul.nav li a:hover {color:#62cff6; background:none; margin:0 0; }
ul.nav {margin-left:20px; margin-top:20px;}

ul.nav li a {color:#504e4f; margin: 0; padding:18px 0 15px 25%; font-weight:600;}
.showmenu ul.nav {display:block; position:absolute; right:0; top:90px; background: rgba(0,0,0,0.9); width:100%; z-index:99999;}


.openmenu {color:#81daf8;  display:table; right:0; position:absolute; height:90px; width:130px; text-align:center;
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 10%, rgba(47,47,47,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(0,0,0,1)), color-stop(100%,rgba(47,47,47,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 10%,rgba(47,47,47,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,1) 10%,rgba(47,47,47,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,1) 10%,rgba(47,47,47,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 10%,rgba(47,47,47,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */


}



.s1 {bottom:0; left:1%; width:21%; position:fixed;}

.s2 {bottom:0;  left:26%;position:fixed;}







.openmenu span {display:table-cell;vertical-align:middle;}


/* Large desktop */
@media (min-width: 1200px) { .openmenu {display:none;} 

ul.nav {margin-top:20%;}  



}

/* Small desktop */
@media (min-width: 980px) and (max-width: 1199px) {.openmenu {display:none;}
ul.nav {margin-top:20%;} 

}

 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {.openmenu {display:none;} p {font-size:15px !important;}}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) 

{

h5 {font-size:30px;}
p {font-size:18px !important;}

.left {position:static; width:100%; height:90px;}
ul.nav {display:none;} .left img {margin-top:10px;}

ul.nav li a {color:#fff;}

.s1 {  text-align:center; width:auto; position:static;}

.s2 {  text-align:center; position:static;}

.s0 {background:#000; height:60px;   width:100%; margin-top:-10px; padding-top:1px;}

img.obr {max-width:300px;}

}
 
 




/* Landscape phones and down */
@media (max-width: 480px) 

{
.s0 {background:#000;}
img.obr {max-width:180px;}

h5 {font-size:25px;}
p {font-size:18px !important;}
.left img {margin-top:10px;}

}