@media screen and (min-width:1025px)
{
body
{
	background-color:white;
	color: black;
	font-family: 'Rajdhani', sans-serif;
}

#preloader {
	
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: rgba(0,0,0,0.9);
    z-index:50; 
	visibility:hidden;
}

#formularz 
{

		visibility:hidden;

        width:260px; /* ustawiamy szerokość formularza */
         /* jeżeli nasz formularz ma ustawioną szerokość 
		wyśrodkowujemy go */
		
		position:fixed;
		z-index:100;
        background-color:#fff;		/* dodajemy kolor tła naszemu formularzowi */
		border:2px solid #ccc; /* dodajemy obramowanie o szerokości 2px */
        border-radius:10px; /* zaokrąglamy tło naszego formularza */
		padding:20px; /* dodajemy margines wewnątrz naszego formularza */
        margin-top:15%;		/* dodajemy margines górny naszego formularza */
		margin-left:42%;
		opacity:initial;
		
}

#formularz label {
    display:block;/* ustawiamy by label rozpoczynał się od nowej linii*/
    margin-bottom:5px;/* dodajemy margines dolny */
    font-weight:bold; /* pogrubiamy czcionkę */
    text-transform: uppercase; /* zamieniamy wszystkie litery na duże */
    font-size:12px; /* ustawiamy wielkość czcionki */
    color:#555555; /* ustawiamy kolor czcionki */
}

#formularz textarea,
#formularz input {
	padding:5px; /* dodajemy margines wewnątrz naszego pola */
	border-radius:3px; /* dodajemy zaokraglone rogi */
	border:1px solid #ccc; /* dodajemy obramowanie */
	margin-bottom:25px; /* dodajemy margines dolny */
	width:245px; /* ustalamy szerokość */
}
#formularz textarea
{
	height:100px;
}

#formularz input#submit {
	width:255px; /* ustalamy szerokość */
	cursor:pointer; /* zmieniamy kursor */
	margin-bottom:0px;/* resetujemy margines dolny */
}

#formularz p.copy {
	color:#555555; /* ustawiamy kolor czcionki */
	margin-bottom:0px; /* resetujemy margines dolny */
	font-size:12px; /* ustawiamy rozmiar czcionki */
	text-align: center; /* wyśrodkowywujemy tekst */
}

#formularz p.copy a {
	color:#555555;/* ustawiamy kolor czcionki */ 
	text-decoration: none; /* usuwamy podkreślenie linku */
	font-weight:bold; /* pogrubiamy czcionkę */
} 

#wyslana 
{
	visibility:hidden;
	width:260px; /* ustawiamy szerokość formularza */
	position:fixed;
	z-index:100;
	background-color:#fff;		/* dodajemy kolor tła naszemu formularzowi */
	border:2px solid #ccc; /* dodajemy obramowanie o szerokości 2px */
	border-radius:10px; /* zaokrąglamy tło naszego formularza */
	padding:20px; /* dodajemy margines wewnątrz naszego formularza */
	margin-top:15%;		/* dodajemy margines górny naszego formularza */
	margin-left:42%;
	
}

#wyslana label
{
	display:block;/* ustawiamy by label rozpoczynał się od nowej linii*/
    margin-bottom:5px;/* dodajemy margines dolny */
    font-weight:bold; /* pogrubiamy czcionkę */
    text-transform: uppercase; /* zamieniamy wszystkie litery na duże */
    font-size:12px; /* ustawiamy wielkość czcionki */
    color:#555555; /* ustawiamy kolor czcionki */
}
#wyslane input#submit 
{
	width:255px; /* ustalamy szerokość */
	cursor:pointer; /* zmieniamy kursor */
	margin-bottom:0px;/* resetujemy margines dolny */
}


#bigfoto
{
	/*width:985px;*/

	visibility:hidden;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);/*IE9*/
	-webkit-transform:translate(-50%, -50%);/*Safari*/
	z-index:100;
}


#icon_left
{
	
	vertical-align:middle;
	color:white;
	padding-left:10px;
	padding-right:10px;
	height:100%;
	background-color:gray;
}

#strzalki
{
	height:100%;
}

#icon_loop
{
	color:white;
	padding-left:10px;
	padding-right:10px;
	height:32%;
	background-color:gray;
}
#icon_right
{
	color:white;
	padding-left:10px;
	padding-right:10px;
	height:36%;
	background-color:gray;
}
#icon_exit
{
	color:white;
	padding-left:10px;
	padding-right:10px;
	height:32%;
	background-color:gray;
}

#container
{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	background: rgba(0,0,0,0.9);
}


#nav 
{
	position:fixed;
	top:0;
	height:30px;
	width:1000px;
	background-color:white;
	font-weight:700;
}

.menu
{
	float:left;
	
	margin-left:5px;
	margin-top:5px;	
}

.menu_
{
	float:left;
	width:60px;
	text-align:center;
}
.menu_:hover
{
	float:left;
	width:60px;
	/*border-top-style:solid;*/
}

a
{
	text-decoration:none;
	color:black;
}

a:hover
{
	text-decoration:none;
	color:grey;
}
.contact
{
	float:left;
}

.logo 
{
	clear:both;
	width:100%;
}

#logo > img
{
	margin-top:50px;
	height:62.9%;
}
#logo > div
{
	font-weight:700;
	/*border-style:solid;*/
}

#galeria
{
	width:100%;
	padding-top:15px;
	padding-bottom:10px;
}

#kontakt
{
	width:100%;
	height:660px;
	background-image:url(galeria/100.jpg);
	background-size:contain;
	background-repeat:no-repeat;

}

#logo_b1
{
	float:left;
	height:654px;
	width:31.3%;
	background: rgba(255,255,255,0.7);
	text-align:justify;
	padding-left:10px;
	padding-right:10px;

}

#logo_b2
{
	float:left;
	height:654px;
	width:33.4%;
}


.foto
{
	width:29.3%;
	float:left;
	height:220px;
	margin-left:30px;
	margin-top:15px;
	margin-bottom:15px;
	text-align:center;
}
.foto > img
{
	
	max-width:293px;
	
}
.foto > img:hover
{
	opacity:0.5;
}

.descryption
{
	clear:both;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}

#footer
{
	
	height:30px;
	position:fixed;
	width:1000px;
	bottom:0;
	text-align:center;
	background-color:white;

}
#stopka
{
	color:black;
	width:68%;
	float:left;
	margin-top:5px;
	margin-right:89px;
}

#itel
{
	float:left;
	width: 2.5%;
	margin-left:10px;
	
}
#tel
{
	
	float:left;
	font-weight:700;
	width: 12%;
	margin-top:5px;
}
.fb
{
	float:right;
	width: 33px;	
	
}
.koperta
{
	color:black;
	float:right;
	width: 33px;
	
}
.koperta:hover
{
	color:gray;
	float:right;
	width: 33px;
	margin-top:auto;
	margin-bottom:auto;
}

}

@media screen and (max-width:1024px)
{
body
{
	background-color:white;
	color: black;
	font-family: 'Rajdhani', sans-serif;
}

#preloader 
{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: rgba(255,255,255,0.9);
    z-index:50; /* makes sure it stays on top */
	visibility:hidden;
}
	
#formularz 
{

		visibility:hidden;

        width:260px; /* ustawiamy szerokość formularza */
         /* jeżeli nasz formularz ma ustawioną szerokość 
		wyśrodkowujemy go */
		
		position:fixed;
		z-index:100;
        background-color:#fff;		/* dodajemy kolor tła naszemu formularzowi */
		border:2px solid #ccc; /* dodajemy obramowanie o szerokości 2px */
        border-radius:10px; /* zaokrąglamy tło naszego formularza */
		padding:20px; /* dodajemy margines wewnątrz naszego formularza */
        margin-top:15%;		/* dodajemy margines górny naszego formularza */
		margin-left:42%;
		opacity:initial;
		
}

#formularz label {
    display:block;/* ustawiamy by label rozpoczynał się od nowej linii*/
    margin-bottom:5px;/* dodajemy margines dolny */
    font-weight:bold; /* pogrubiamy czcionkę */
    text-transform: uppercase; /* zamieniamy wszystkie litery na duże */
    font-size:12px; /* ustawiamy wielkość czcionki */
    color:#555555; /* ustawiamy kolor czcionki */
}

#formularz textarea,
#formularz input {
	padding:5px; /* dodajemy margines wewnątrz naszego pola */
	border-radius:3px; /* dodajemy zaokraglone rogi */
	border:1px solid #ccc; /* dodajemy obramowanie */
	margin-bottom:25px; /* dodajemy margines dolny */
	width:245px; /* ustalamy szerokość */
}
#formularz textarea
{
	height:100px;
}

#formularz input#submit {
	width:255px; /* ustalamy szerokość */
	cursor:pointer; /* zmieniamy kursor */
	margin-bottom:0px;/* resetujemy margines dolny */
}

#formularz p.copy {
	color:#555555; /* ustawiamy kolor czcionki */
	margin-bottom:0px; /* resetujemy margines dolny */
	font-size:12px; /* ustawiamy rozmiar czcionki */
	text-align: center; /* wyśrodkowywujemy tekst */
}

#formularz p.copy a {
	color:#555555;/* ustawiamy kolor czcionki */ 
	text-decoration: none; /* usuwamy podkreślenie linku */
	font-weight:bold; /* pogrubiamy czcionkę */
} 

#wyslana 
{
	visibility:hidden;
	width:260px; /* ustawiamy szerokość formularza */
	position:fixed;
	z-index:100;
	background-color:#fff;		/* dodajemy kolor tła naszemu formularzowi */
	border:2px solid #ccc; /* dodajemy obramowanie o szerokości 2px */
	border-radius:10px; /* zaokrąglamy tło naszego formularza */
	padding:20px; /* dodajemy margines wewnątrz naszego formularza */
	margin-top:15%;		/* dodajemy margines górny naszego formularza */
	margin-left:42%;
	
}

#wyslana label
{
	display:block;/* ustawiamy by label rozpoczynał się od nowej linii*/
    margin-bottom:5px;/* dodajemy margines dolny */
    font-weight:bold; /* pogrubiamy czcionkę */
    text-transform: uppercase; /* zamieniamy wszystkie litery na duże */
    font-size:12px; /* ustawiamy wielkość czcionki */
    color:#555555; /* ustawiamy kolor czcionki */
}
#wyslane input#submit 
{
	width:255px; /* ustalamy szerokość */
	cursor:pointer; /* zmieniamy kursor */
	margin-bottom:0px;/* resetujemy margines dolny */
}

#bigfoto
{
	visibility:hidden;
	z-index:100;
}
#bigfoto img
{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);/*IE9*/
	-webkit-transform:translate(-50%, -50%);/*Safari*/
	z-index:100;
}


#container
{
	position:absolute;
	width:101%;
	top:0;
	left:0;
	margin-left:0%;
	margin-right:0%;
	background: rgba(0,0,0,0.9);
}


#nav 
{
	position:fixed;
	top:0;
	height:60px;
	width:100%;
	background-color:white;
	font-weight:700;
}

.menu
{
	float:left;
	
	margin-left:5px;
	margin-top:5px;	
}

.menu_
{
	float:left;
	width:60px;
	text-align:center;
    margin-top:10px;
    margin-left: 15px;
    font-size: 25px;
}
/*.menu_:hover
{
	float:left;
	width:6%;
	/*border-top-style:solid;
}*/

a
{
	text-decoration:none;
	color:black;
}

a:hover
{
	text-decoration:none;
	color:grey;
}
.contact
{
	float:left;
}

.logo 
{
	clear:both;
	width:100%;
}

#logo > img
{
	margin-top:50px;
	margin-bottom:30px;
	width:100%;
	/*border-style:solid;*/
}

#galeria
{
	width:100%;
}

#kontakt
{
	width:100%;
	height: 640px;
	background-image:url(galeria/100.jpg);
	background-size:contain;
	background-repeat:no-repeat;

}

#logo_b1
{
	float:left;
	height:100%;
	width:31.3%;
	background: rgba(255,255,255,0.7);
	text-align:justify;
	padding-left:10px;
	padding-right:10px;

}

#logo_b2
{
	float:left;
	height:100%;
	width:33.3%;
}


.foto
{
	width:29.3%;
	float:left;
	height:220px;
	margin-left:30px;
	text-align:center;
	
}
.foto > img
{
	
	max-width:293px;
	
}
.foto > img:hover
{
	opacity:0.5;
}

.descryption
{
	clear:both;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}

#footer
{
	
	height:60px;
	position:fixed;
	width:100%;
	bottom:0;
	text-align:center;
	background-color:white;

}
#stopka
{
	color:black;
	display: inline-block;
    margin:0 auto;
	margin-top:15px;
	
}

#itel
{
	float:left;
	width: 25px;
	margin-left:0px;
    font-size:40px;
	
}
#tel
{
	
	float:left;
	font-weight:700;
	width: 160px;
	margin-top:15px;
    margin-left:30px;
    font-size: 20px;
}
#link
{
	font-weight:700;
	text-align:center;
	letter-spacing:3px;
	unicode-bidi: bidi-override;
	direction: rtl;
	
}

.fb
{
	float:right;
	width: 50px;
    font-size:30px;
    text-align: right;	
    margin-top: 1%;
    margin-right: 2%;
	
}
.koperta
{
	color:black;
	float:right;
	width: 33px;
	
}
.koperta:hover
{
	color:gray;
	float:right;
	width: 33px;
	margin-top:auto;
	margin-bottom:auto;
}	
	
}