@charset "UTF-8";
/* Body */
body {
	font: 100%/1.4 Open Sans, Arial, Helvetica, sans-serif;
	background-color: #444;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-style: normal;
	font-weight: 400;
	background-image:url(https://vokabel.pl/img/tlo1.png);
	text-decoration: none;
}
/* Container */
.container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 1080px;
	background-image:url(https://vokabel.pl/img/tlo1.png);
}
/* Navigation */
header {
	width: 100%;
	background-color:#2d3033 ;
	border-bottom: 1px solid #222222;
	color:#fff;
	float: left;
}
.reklama1{ float:left; margin-top:0px; margin-bottom:0px; width:100%; text-align: center; background-color: #2d3033;  }
.reklama{ float:left; margin-top:0px; margin-bottom:0px; width:100%; text-align: center; background-color: #fff; }

.br{ float:left; margin-top:0px; margin-bottom:10%; width:100%; background-color:none; text-align: center;  }

.glowa{display: block; margin-top:0px; margin-bottom:0px; width:100%; background-color:none; text-align: center; margin: 0 auto; max-width: 800px;  }

.logo {
	color: #fff;
	font-weight: bold;
	text-align: undefined;
	width: 10%;
	float: left;
	margin-top: 10px;
	margin-left: 25px;
	letter-spacing: 4px;
	
}
.logo- { padding-bottom:0px; padding-top:5px; }
.logo-img5 { width:16px; text-align:center; margin-top:15px; padding-top:0px; padding-bottom: 10px; }
.logo-img6 { width:150px; text-align:center; margin:5px; padding-top:2px; padding-bottom: 0px; }
.logo-img7 { height: 16px; text-align:center; margin:6px; padding-top:0px; padding-bottom: 0px; }
nav {
	float: right;
	width: 73%;
	text-align: right;
	margin-right: 5px;
} 
nav ul {
	color: aliceblue;
	float: right;
}
.menu {
	display: block;
}
.menu1 {
	display: none;
}
.text { float:left; text-align: center; width:80%; background-color:#2d3033; padding-bottom:20px; padding-top:20px; padding-left:10%; padding-right:10%;  display: block; font-size:15px; text-decoration: none; color: #E3DFDF; margin-left:0%; margin-right: 0px; margin-bottom: 0px; margin-top: 0px;
}
.rodzajniki {
	
display: inline-block;
	width: 60%;
	float: left;
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 3%;
	padding-bottom: 2%;
	padding-top: 2%;
	margin-bottom: 10%;
	box-shadow: 5px 5px 10px #222222;
border-radius:10px; border: 1px solid #111111;
	background-color:#292C2F
		
	
}
.rodzajniki1 {
	
display: block;
	width: 30%;
	float: left;
	padding-left: 20%;
	
}
.rodzajniki2 {
	
display: block;
	width: 40%;
	float: right;
	padding-left: 10%
	
}
.rodzajniki3 {
	
display: block;
	width: 80%;
	padding-left: 10%;
	padding-right: 10%;
	text-align-last: center;
	
}
.oni {
	
display: inline-block;
	width: 100%;
	float: left;
	margin-top: 3%;
	margin-bottom: 10%;
	
}
.on {
	

	width: 35%;
	margin: 0 auto;
	display: block;
	padding-right: 15%;
	margin-top: 3%;
	text-align: center;
	float: right;
	max-width: 200px;
	
	
}
.ona {
	
	text-align: center;
	width: 35%;
	margin: 0 auto;
	display: block;
	float: left;
	padding-left: 15%;
	margin-top: 3%;
	max-width: 200px;
	
}

.biale {
	width: 100%;
	background-image:url(https://vokabel.pl/img/krowa-tapeta.jpg); 
	display: block;
	float: left;
	padding-bottom: 1%;
	padding-top: 10%;
	
}	
	
.krowa- {

	display: inline-block;
	width: 40%;
	float: left;
	padding-left: 0%;
	margin-top: 3%;
	max-width: 200%	;	
	
}
.krowa {
	display: inline-block;
	width: 50%;
	margin-top: 5%;
	padding-right: 10%;
	float: left;
	font-size: 22px
	
}
.krowa1 {
	width: 98%;
	margin-top: 2%;
		padding-right: 5%;
	max-width: 350px;
	margin-bottom: 2%;
	float: right
	
}
.odpowiedz {
	color: #888888;
	font-size: 12px;
	float: right;
	padding-top: 9%;

}
nav ul li {
	float: left;
	color: #FFFFFF;
	font-size: 0px;
	text-align: left;
	margin-right: 5px;
	letter-spacing: 2px;
	list-style-type:none;
}
ul li a {
	color: #FFFFFF;
	text-decoration: none;
	list-style-type:none;
}
ul li:hover a {
	color: #CCCCCC;
	list-style-type:none;
}
ol2 a {display:block; text-decoration:none; color:#fff; padding:0 0px; text-align:center;  }
ol2 > li { float:right; width:100%; margin-left:0px; height:auto; border-bottom-left-radius:15px; border-bottom-right-radius:15px;  border: 1px solid #393939; box-shadow: 5px 5px 10px #222222;  }
ol2 > li:first-child { margin-top:0px; text-align:center; background-color: #2d3033; list-style-type:none;  } 
ol2 > li:hover { background-color: #33373a; }
ol2 > li:hover > a { color:#0099ff; }
ol2 > li:hover > ul { width:100%; display:block; float: right;  }
ol2 > li > ul { display:none; list-style-type:none; padding:0; margin:0;  }
ol2 > li > ul > li { position:relative; background-color: #2d3033;  width:100%; box-shadow: 1px 10px 10px #333333; transition: all 1.0s ease;  }
ol2 > li > ul > li > a { border-top:1px solid #393939;  }
ol2 > li > ul > li:hover { background-color: #3e4347; width:100%; transition: all 1.0s ease;border-top:1px solid #333333;  }
ol2 > li > ul > li:hover > a { color:#fff; transition: all 1.0s ease;  }
 a { text-decoration: none;  }
/* Hero Section */
.hero {
	background-color: #2d3033;
	background-image: url(https://vokabel.pl/img/tlo-1.jpg);
	width: 100%;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 250px;
	padding-bottom: 250px;
}
.hero_header {
	color: #FFFFFF;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	letter-spacing: 4px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 29px;
	text-shadow: black 0.1em 0.1em 0.2em;
}

.light {
	font-weight: bold;
	color: #fff;
	font-style: italic;
	font-size: 35px;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif" ;
	text-transform: uppercase;
	line-height: 55px;
	border: 1px #00000;
	text-shadow: black 0.1em 0.1em 0.2em;
	
	
}
.tagline {
	text-align: center;
	color: #FFFFFF;
	margin-top: 4px;
	font-weight: lighter;
	letter-spacing: 1px;
	font-size: 38px;
	text-shadow: black 0.1em 0.1em 0.2em;
	
}
/* About Section */
.text_column {
	width: 29%;
	text-align: justify;
	font-weight: lighter;
	line-height: 25px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	color: #A3A3A3;
}
.about {
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 35px;
	display: inline-block;
	background-color: #2d3033;
	margin-top: 0px;
	color:#E3DFDF;
	width: 80%;
}
.opis {
	margin-top: 1%;
	margin-bottom: 1%;
	margin-left: 1%;
	margin-right: 1%;
	font-size: 30px;
	text-align: center;	
font-family: 'Antonio', sans-serif;
	width: 98%;
}
.opis- {
	margin-top: 1%;
	margin-bottom: 1%;
	margin-left: 1%;
	margin-right: 1%;
	font-size: 30px;
	text-align: center;	
font-family: 'Antonio', sans-serif;
	width: 98%;
	color: #222222;
}
/* Stats Gallery */
.stats {
	color: #717070;
	margin-bottom: 5px;
	
}
.foto {
	color: #717070;
	margin-bottom: 5px;
	width: 80px;
}
.gallery {
	clear: both;
	display: inline-block;
	width: 90%;
	background-color:#ffffff;
	padding-left: 5%;
	padding-right: 5%;
	/* [disabled]min-width: 400px;
*/
	padding-bottom: 35px;
	padding-top: 0px;
	margin-top: -5px;
	margin-bottom: 0px;
}
.thumbnail {
	width: 21%;
	text-align: center;
	float: left;
	margin-top: 35px;
	padding-left: 2%;
	padding-right: 2%;
}
.gallery .thumbnail h4 {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	color: #162EA6;
}
.gallery .thumbnail p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #292929;
}
.mobil {
	background-color: #fff;
	padding-bottom: 35px;
	width: 100%;
	display: inline-block;	

}
.mobil-foto {
	background-color: #fffffff;
	padding-bottom: 35px;
	width: 31%;
	float: left;
	padding-left: 1%;
	padding-right: 1%;

}
.mobil-foto1 {
	background-color: #fffffff;
	padding-top: 3%;
	padding-bottom: 3%;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;

	
}

.der-tabela1 {
	
	padding-top: 3%;
	padding-bottom: 3%;
	width: 31%;
	margin-left: 1%;
	margin-right: 1%;
	float: left;	
}
.der-tabela1:hover {
	  transition: all 1.1s ease; opacity : 0.6; filter : grayscale(40%); 
	
}
.bild {
	
	padding-top: 3%;
	padding-bottom: 3%;
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	display: block;
	margin: 0 auto;
	max-width: 1000px;
	text-align: center;
}

/* Parallax Section */
.banner {
	background-color: #454545;
	background-image: url(https://vokabel.pl/img/tlo1.png);
	display: inline-block;
	width: 80%;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 5%;
}
.content1-- {
	padding:5px 0;
	margin-top:80px;
	margin-bottom:10px;
	background-color:#c4fe98;
	border:#009900 solid 0px;
	border-radius:15px;
	box-shadow: 5px 5px 10px #353a3d;
	float:left;
	margin-left: 1%;
	margin-right: 1%;
	width:98%;
	
}
.wyraz-- {
	font-size:80px;
	width:100%;
	margin-top:10%;
	margin-bottom:10%;
	color: #009900;
	font-family: 'Rubik', sans-serif;
	margin-right: auto;
	margin-left: auto;
	z-index:2
}
.next { float:left;
	text-align:center; width:90%; margin:5%; padding-top:10px; padding-bottom:60px; text-decoration: none; margin-right:5%; margin-top:3%;	}
.poprzedni a { float:left; width:40%; background-color:#2d3033; padding-bottom:15px; padding-top:10px; padding-left:10px; padding-right:10px; color:#FFF; border-radius:10px; border: 1px solid #474d51; display: block; font-size:13px; text-decoration: none; 
}

.nastepny a {  float:right; width:40%; background-color:#2d3033; padding-bottom:15px; padding-top:10px; padding-left:10px; padding-right:10px; color:#FFF; border-radius:10px; border: 1px solid #474d51 ; display: block; font-size:13px; text-decoration: none; 
}

.poprzedni a:hover { background-color:#3e4347; color: #fff; border: 1px solid #333 ;
}
.nastepny a:hover { background-color:#3e4347; color: #fff; border: 1px solid #333 ;
}
.rama{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	height:auto;
	text-align:center;
	float:left;
}

.tlumaczenie {

    float:left;
	margin-left:9%;
	margin-rigth:auto;
	text-align:center;
	font-size:16px;
	width:55%;
	height: auto;
	color: #fff;
	border-radius:12px;
	background-color: #2d3033;
	border: #474d51  solid 1px;
	padding: 13px;
	}
	
span.polski{
 display:none;
}
.tlumaczenie:hover span.niemiecki{
 display:none;
}
.tlumaczenie:hover span.polski{
   display: inline-block; color: #fdfcc4;
}

.muza{ float: left; width:20%; margin-left:5%; border-radius:12px; margin-right:0%;
	background-color: #2d3033;
	border: #474d51 solid 1px;  
}
.parallax {
	color: #FFFFFF;
	margin-top: 0px;
}
.parallax_description {
	color: #FFFFFF;
	text-align: right;
	padding-right: 100px;
	width: 30%;
	float: right;
	font-weight: lighter;
	line-height: 23px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.cwiczenia { float:left; padding-top:5%; padding-bottom: 5%; padding-left: 10%; padding-right:10%; width: 80%; display: block; margin: 0; background-color:#768189; }
.zeszyt- { text-align:center; background-color:#2d3033; width: 180px; }
.noc {  float: left; text-align:center; border-radius:10px; border: 1px solid #474d51; margin-bottom:4%; width:70%; margin-top: 3%; margin-left: 15%; margin-right: 15%; }
.zeszyt { float:left; text-align:center; background-color:#2d3033; border-radius:10px; border: 1px solid #111111; padding-bottom:3%; padding-top:3%;  padding-left:5%; padding-right:5%; width:60%;  margin-left:15%; margin-right:15%; margin-bottom: 3%;   }
.zeszyt2 { float:left; text-align:center; background-color:#2d3033; border-radius:10px; border: 1px solid #111111; padding-bottom:3%; padding-top:3%;  padding-left:5%; padding-right:5%; width:60%;  margin-left:15%; margin-right:15%; margin-bottom: 3%; margin-top: 3%;   }
/* More info */
.zestaw {;
	padding-bottom: 10px;
	width: 90%;
	padding-top: 10px;
	padding-left: 5%;
	padding-right: 5%;
	text-align: center;

}

footer {
	background-color: #cccccc;
	padding-bottom: 35px;
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;

}

.footer_column {
	width: 50%;
	text-align: center;
	padding-top: 30px;
	float: left;
}
.footer_column1 {
	width: 50%;
	text-align: center;
	padding-top: 30px;
	float: left;
}
footer .footer_column h3 {
	color: #B3B3B3;
	text-align: center;
}
footer .footer_column p {
	color: #222222;
	background-color: #cccccc;
}
.cards {
	width: 100%;
	height: auto;
	
}
.stempel {
	width: 100%;
	max-width: 350px;
	max-height: 350px;
	
}
footer .footer_column p {
	text-align: justify;
	line-height: 25px;
	margin-left:5%;
	margin-right:0%;

}
.button {
	width: 200px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: center;
	vertical-align: middle;
	border-radius: 0px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	border: 3px solid #FFFFFF;
	color: #FFFFFF;
	transition: all 0.3s linear;
}
.button:hover {
	background-color: #FEFEFE;
	color: #C4C4C4;
	cursor: pointer;
}
.copyright {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #717070;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 2px;
	border-top-width: 2px;
}
.footer_banner {
	background-color: #B3B3B3;
	padding-top: 60px;
	padding-bottom: 60PX;
	margin-bottom: 0px;
	background-repeat: repeat;
}
footer {
	display: inline-block;
}
.hidden {
	display: none;
}
.zobacz2 { display: none; }
.zobacz { display: block; background-color: #2d3033; float:left; width: 80%; color:#CCC; font-size:14px; padding-left: 10%; padding-right: 10%; padding-top: 2%; transition: all 1.0s ease; }
.zobacz3 { float: left; display: block; width: 30%;  padding-left: 15%; padding-right: 5%; }
.zobacz4 {float:right; width: 30%;  padding-left: 15%; padding-right: 5%; }
.zobacz5 {float:left; width: 100%; margin-top: 3%; margin-top:2%; font-size: 14px; color:#cccccc;}
.gramatyka { float: left; width: 100%; display: inline-block; text-align: center;}
.gramatyka- { width: 250px;  padding-bottom: 30px; padding-top:20px;  }
.ikona { width: 22px; margin-right: 2%; float: left;  color:#cccccc;    }
.podpunkty { color: #ccc; font-size: 14px; transition: all 1.0s ease;  }
.podpunkty:hover { color: #fff;  font-size: 16px;transition: all 1.0s ease; }

.footer{ color: #ccc; font-size: 12px; transition: all 1.0s ease; padding-top:5px; background-image:url(https://vokabel.pl/img/tlo1.png); width: 100%; float: left;}
#footer-logo { background-image: url("https://lionardo-design.de/logo/logo-footer.png"); display: inline-block; height:20px; width: 70px; background-repeat:no-repeat; transition: all 2.1s ease; }
#footer-logo:hover { background-image: url("https://lionardo-design.de/logo/logo-footer2.png"); height: 20px; width: 70px; transition: all 1.1s ease;}	
.noga { width:33%; text-align: center; float: left; background-color:#282a2d ;border-left: 1px solid #191919; height: 125px;  }
.noga1 { display: block;  color:#ccc; font-size: 15px; text-align: center; font-family: 'Antonio', sans-serif; background-color: #232323;  border-bottom-right-radius:20px; border-bottom-left-radius:20px; padding-top: 15px; padding-bottom: 15px; border-left: 1px solid #191919 }
.noga2 { text-align: left; padding-left: 20%; display: block; font-size: 14px; color:#ccc;  } 
.noga2:hover { transition: all 1.1s ease; opacity : 0.6; filter : grayscale(40%);} 
.noga2:visited { transition: all 1.1s ease; opacity : 0.6; filter : grayscale(40%);} 
.stopa { display: inline-block; width:100%; text-align: center; background-color:#282a2d ; padding-bottom: 3%; border-bottom-right-radius:20px; border-bottom-left-radius:20px; color:#E8E6E6;}

.stopa1 {  width: 25px; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; margin-top: 5px; margin-bottom: 5px; }
.stopa1:hover { transition: all 1.1s ease; opacity : 0.6; filter : grayscale(40%); }
.stopa2 { width: 25px; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; margin-top: 5px;  margin-bottom: 5px;  }
.stopa2:hover { transition: all 1.1s ease; opacity : 0.6; filter : grayscale(40%); }

.footer-{  width: 80%; margin-left:10%; margin-right:10%; text-align: center; color:#ccc; font-size: 14px; text-decoration: none; padding-bottom: 2px; padding-top: 2px;
}
.footer-:hover{ width: 80%; margin-left: 10%; margin-right: 10%;  text-align: center; color:#ccc;
}

@media (max-width: 920px) and (min-width: 700px) {

.wyraz-- {
	
	margin:auto;
	font-size:70px;
	width:100%;
	margin-top:15%;
	margin-bottom:15%; }

}	
/* Small Tablets */
@media screen and (max-width:700px) {
.logo {
	width: 100%;
	text-align: center;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #043745;
}
logo- { padding-bottom:18px; padding-top:18px; }	
.container header nav {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	float: none;
	

}
header nav ul {
	padding: 0px;
	float: none;
}
	.about {
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 35px;
	display: inline-block;
	background-color: #2d3033;
	margin-top: 0px;
	color:#E3DFDF;
		width: 90%;
}
.hero {
	background-color: #2d3033;
	background-image: url(https://vokabel.pl/img/tlo-1a.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 400px;
	padding-bottom: 50px;
	width: 100%;
}	
	.text { float:left; text-align: center; width:96%; background-color:#2d3033; padding-bottom:20px; padding-top:20px; padding-left:2%; padding-right:2%;  display: block; font-size:15px; text-decoration: none; color: #E3DFDF; margin-left:0%; margin-right: 0px; margin-bottom: 0px; margin-top: 0px;
}

	.hero_header {
	color: #FFFFFF;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	letter-spacing: 4px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 18px;
	text-shadow: black 0.1em 0.1em 0.2em;
}

.light {
	font-weight: bold;
	color: #fff;
	font-style: italic;
	font-size: 19px;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif" ;
	text-transform: uppercase;
	line-height: 35px;
	border: 1px #00000;
	text-shadow: black 0.1em 0.1em 0.2em;
	
	
}
.rodzajniki {
	
display: inline-block;
	width: 90%;
	float: left;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 3%;
	padding-bottom: 2%;
	padding-top: 2%;
	margin-bottom: 10%;
	box-shadow: 5px 5px 10px #222222;
border-radius:10px; border: 1px solid #111111;
	background-color:#292C2F
		
	
}
.rodzajniki1 {
	
display: block;
	width: 40%;
	float: left;
	padding-left: 10%;
	
}
.rodzajniki2 {
	
display: block;
	width: 40%;
	float: right;
	padding-left: 10%
	
}
.rodzajniki3 {
	
display: block;
	width: 80%;
	padding-left: 10%;
	padding-right: 10%;
	text-align-last: center;
	
}
.biale {
	width: 100%;
	background-image:url(https://vokabel.pl/img/krowa-tapeta.jpg); 
	display: block;
	float: left;
	padding-bottom: 1%;
	padding-top: 1%;
	
}	
.krowa- {

	display: inline-block;
	width: 65%;
	float: left;
	margin-top: 5%;
	
}
.krowa {

	display: inline-block;
	width: 90%;
	margin-top: 5%;
	padding-right: 5%;
	padding-left: 5%;
	float: left;
	font-size: 17px; 
	color:#222222;
}
.krowa1 {
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;	
	margin-top: 2%;
	margin: 0 auto;
	max-width: 160px;
	margin-bottom: 2%;
	text-align: center;
	
	
}	
.odpowiedz {
	color: #888888;
	font-size: 12px;
	float: right;
	padding-top: 1%;

}	
.tagline {
	text-align: center;
	color: #FFFFFF;
	margin-top: 5px;
	font-weight: lighter;
	letter-spacing: 1px;
	font-size: 15px;
	text-shadow: black 0.1em 0.1em 0.2em;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	
}
	
.menu {
	display: none;
}
.menu1 {
	display: block;
}	
nav ul li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	display: none;
}
.text_column {
	width: 100%;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.thumbnail {
	width: 46%;
}
.mobil {
	background-color: #fff;
	padding-bottom: 35px;
	width: 100%;
	display: inline-block;	

}
.mobil-foto {
	background-color: #fffffff;
	padding-bottom: 35px;
	width: 98%;
	float: left;
	padding-left: 1%;
	padding-right: 1%;

}
.mobil-foto1 {
	background-color: #fffffff;
	padding-top: 3%;
	padding-bottom: 3%;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;

	
}
.der-tabela1 {
	
	padding-top: 10%;
	padding-bottom: 5%;
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	float: left;	
}	
footer {
	background-color: #cccccc;
	padding-bottom: 35px;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;

}	
.footer_column {
	width: 100%;
	margin-top: 0px;
}
.noc {  float: left; text-align:center; border-radius:10px; border: 1px solid #474d51; margin-bottom:4%; width:90%; margin-top: 3%; margin-left: 5%; margin-right: 5%;}
.zeszyt { float:left; text-align:center; background-color:#2d3033; border-radius:10px; border: 1px solid #111111; padding-bottom:3%; padding-top:3%;  padding-left:5%; padding-right:5%; width:80%;  margin-left:5%; margin-right:5%; margin-bottom: 3%;    }	
.parallax {
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 40%;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 100%;
	font-size: 18px;
}
.parallax_description {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 30%;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: none;
	width: 100%;
	text-align: center;
}
.thumbnail {
	width: 46%;
}
.gallery {
	clear: both;
	display: inline-block;
	width: 98%;
	background-color:#ffffff;
	padding-left: 1%;
	padding-right: 1%;	}
.parallax {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 20%;
}
.parallax_description {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	padding-top: 30px;
}
.wyraz-- {
	
	margin:auto;
	font-size:42px;
	width:100%;
	margin-top:15%;
	margin-bottom:15%; }
	
.content1-- { width:94%; margin-left:3%; margin-right:3%; margin-top:9%; margin-bottom:1%; }
.rama{ margin-top:10%;   
}	
.tlumaczenie {

	margin-left:6%;
	text-align:center;
	font-size:16px; }	
.banner {
	background-color: #454545;
	background-image: url(https://vokabel.pl/img/tlo1.png);
	display: inline-block;
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 10%;
}
.cwiczenia { float:left; padding-top:5%; padding-bottom: 5%; padding-left: 2%; padding-right:2%; width: 96%; display: block; margin: 0; background-color:#768189; }	
.footer_column {
	width: 100%;
	
}
.zobacz2 {display: block; background-color:  #2d3033; float:left; width: 92%; color:#CCC; font-size:14px; padding: 4%; }
.zobacz { display: none; }
.zobacz5 {float:left; width: 100%; margin-top: 3%; margin-top:2%; font-size: 14px; color:#cccccc;}		
.gramatyka { float: left; width: 100%; display: inline-block; }
.gramatyka- { width: 200px; float: left; padding-bottom: 30px; padding-top:20px }	
.ikona { width: 20px; margin-right: 2%; float: left; color:#cccccc;    }
.podpunkty { color: #ccc; font-size: 14px; transition: all 1.0s ease; padding-top:2%;   }
.podpunkty:hover { color: #fff;  font-size: 16px;transition: all 1.0s ease; }
.social1 { float:left;  text-align:center; transition: all 1.1s ease; padding-top:15px; padding-bottom:10px; z-index:3; position:relative; width:30px; margin-left: 44%;
}
.social1:hover { transition: all 1.1s ease; opacity : 0.6; filter : grayscale(40%); 
}
.social { float:right;  text-align:center; transition: all 1.1s ease; padding-top:15px; padding-bottom:10px; z-index:3; position:relative; width: 30px ; margin-right:44%; 	
}
.social:hover { transition: all 1.1s ease; opacity : 0.6; filter : grayscale(40%); 
}
.face { float:left;  text-align:center; transition: all 1.1s ease; padding-top:5px; padding-bottom:5px; z-index:3; position:relative; width: 25px; 	
}	
.footer2{ margin-top: 0px; padding-top: 1%; float: left; width: 100%; background-color:#282a2d ; border-bottom-right-radius:15px; border-bottom-left-radius:15px;}
#footer-logo { background-image: url("https://lionardo-design.de/logo/logo-footer.png"); display: inline-block; height:20px; width: 70px; background-repeat:no-repeat; transition: all 2.1s ease; }
#footer-logo:hover { background-image: url("https://lionardo-design.de/logo/logo-footer2.png"); height: 20px; width: 70px; transition: all 1.1s ease;}	
}
.stopa1 {  width: 25px; padding-top: 15px; padding-bottom: 15px; padding-left: 5px; padding-right: 5px; margin-top: 5px; margin-bottom: 5px; }
.stopa1:hover { transition: all 1.1s ease; opacity : 0.6; filter : grayscale(40%); }
.stopa2 { width: 25px; padding-top: 15px; padding-bottom: 15px; padding-left: 5px; padding-right: 5px; margin-top: 5px;  margin-bottom: 5px;  }
.stopa2:hover { transition: all 1.1s ease; opacity : 0.6; filter : grayscale(40%); }
.social1 { float:left;  text-align:center; transition: all 1.1s ease; padding-top:15px; padding-bottom:10px; z-index:3; position:relative; width:30px; margin-left: 39%;
}
.social1:hover { transition: all 1.1s ease; opacity : 0.6; filter : grayscale(40%); 
}
.social { float:right;  text-align:center; transition: all 1.1s ease; padding-top:15px; padding-bottom:10px; z-index:3; position:relative; width: 30px ; margin-right: 39%; 	
}
.social:hover { transition: all 1.1s ease; opacity : 0.6; filter : grayscale(40%); 
}	
.ikona { width: 30px; margin-right: 2%; float: left; color:#cccccc;    }
.podpunkty { color: #ccc; font-size: 15px; transition: all 1.0s ease; padding-top:2%; text-decoration: none;  }
.podpunkty:hover { color: #fff;  font-size: 16px;transition: all 1.0s ease; text-decoration: none;  }
	
/* Small Desktops */
@media (min-width: 1200px)  {
.text_column {
	width: 100%;
}
.content1-- {
	padding:5px 0;
	margin-top:50px;
	margin-bottom:10px;
	background-color:#c4fe98;
	border:#009900 solid 0px;
	border-radius:15px;
	box-shadow: 5px 5px 10px #353a3d;
	float:left;
	margin-left: 1%;
	margin-right: 1%;
	width:98%;
	
}
.text_column {
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.banner {
	background-color: #454545;
	background-image: url(https://vokabel.pl/img/tlo1.png);
	display: inline-block;
	width: 60%;
	padding-left: 20%;
	padding-right: 20%;
}	
	.on {
	

	width: 20%;
	margin: 0 auto;
	display: block;
	padding-right: 30%;
	margin-top: 3%;
	text-align: center;
	float: right;
	max-width: 200px;
	
	
}
.ona {
	
	text-align: center;
	width: 20%;
	margin: 0 auto;
	display: block;
	float: left;
	padding-left: 30%;
	margin-top: 3%;
	max-width: 200px;
	
}
	.noc {  float: left; text-align:center; border-radius:10px; border: 1px solid #474d51; margin-bottom:4%; width:60%; margin-top: 3%; margin-left: 20%; margin-right: 20%; }
.zeszyt { float:left; text-align:center; background-color:#2d3033; border-radius:10px; border: 1px solid #111111; padding-bottom:3%; padding-top:3%;  padding-left:5%; padding-right:5%; width:50%;  margin-left:20%; margin-right:20%; margin-bottom: 3%;   }
}