body
{
	margin:0px;
	/*border-top:2px solid #b42e1f;*/
	font-family:'Montserrat', sans-serif;
	background-color: #ebebeb;
}

#header
{
	
	height: 400px;
	width: 100%;
	text-align: center;
	background-color: black;
	background-image:url("../img/t2.jpg");
	opacity: 0.97;
	background-position: center;
	background-repeat: no-repeat;
	
}


#content
{
	/*background-color:#7c7c7cff;*/
	background-color: #ebebeb;
	text-align: center;	
	
		
}
#logo
{
	padding:20px;
	text-align: left;
		
}
.nav
{
	
	min-height:25px;
	background-color:rgb(39, 39, 39);
	padding:5px;
	text-align:right;
	border-bottom:3px solid black;
	border-top: 2px solid black;
	font-family: 'Times New Roman', Times, serif;
	
}
.button
{
	color:white;
	padding-left:20px;
	padding-right:20px;
	margin:0px;
	list-style-type:none;
	font-size:20px;
	display:inline-block;
}	
.button:hover
{	
	cursor:pointer;
	transition:0.5s all linear;
	transform:scale(1.1);
}
a 
{
	text-decoration:none;
	color:white;
}
a:hover
{
	color: #b42e1f;	
}
.scrollup
{
	width: 64px;
	height: 64px;
	text-decoration: none;
	background: url("../img/up.png") no-repeat 0px 0px;
	position: fixed;
	right: 50px;
	bottom: 80px;
	border: 1px solid #b42e1f;
	border-radius: 5px;
}
/*------------------------onas--------------------------*/
#onas
{
	height: 400px;
	width: 100%;
	background-color: #ebebeb;
	display: flex;
	justify-content: center;
	border-bottom: 40px solid rgb(39, 39, 39);
	
		
}

.rys1
{
	width: 450px;
	padding-top: 50px;
	display: flex;
	justify-content: center;
	text-align: center;
}
.rys1 figure figcaption
{
	text-align: center;
	padding-top: 15px;

}
.title_2
{
	text-align: center;
	padding-top: 80px;
	background-color: #ebebeb;
	font-size: 4rem;
	text-decoration: 3px #b42e1f underline;
	text-underline-offset: 20px;
}
.opis
{
	text-align: center;
	justify-content: center;
	text-align: center;
	display: flex;
	padding-top: 50px;	
	background-color: #ebebeb;
}
/*------------------------galeria-----------------------*/
.title
{
	margin-top:50px;
	font-weight:bold;
	font-size:30px;
	
}

#galeria
{
	background-color: #ebebeb;
	width: 100%;
	display: flex;
	justify-content: center;
}
#galeria div
{
	display: flex;
	flex-wrap: wrap;
	max-width: 1400px;
	padding-top: 40px;
	justify-content: center;
}

.photo
{
	margin:0px;
	padding:16px;
	float: left;
	
}

.photo img
{
	width:310px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.274);
	border: 1px solid #000000;
	border-radius: 4px;
}
.photo:hover
{
	opacity:1;
	transition:0.3s all linear;
	transform:scale(1.1);
	cursor:pointer;
}
.sticky
{
	width:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:100;
	border-bottom:3px solid black;
}

/*-------------------listwy--------------------*/
#listwy
{
	background-color: #ebebeb;
	width: 100%;
	display: flex;
	justify-content: center;
}
#listwy div
{
	display: flex;
	flex-wrap: wrap;
	max-width: 1400px;
	padding-top: 40px;
	justify-content: center;
}
.photo2
{
	margin:0px;
	padding:16px;
	float: left;
}

.photo2 img
{
	width: 201px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.274);
}
.photo2:hover
{
	opacity:1;
	transition:0.3s all linear;
	transform:scale(1.1);
	cursor:pointer;
}
/*-------------------pilastry------------------*/
#pilastry
{
	background-color: #ebebeb;
	width: 100%;
	display: flex;
	justify-content: center;
	border-bottom: 40px solid rgb(39, 39, 39);
	padding-bottom: 50px;

}
#pilastry div
{
	display: flex;
	flex-wrap: wrap;
	max-width: 1400px;
	padding-top: 40px;
	justify-content: center;
	
}
.photo3
{
	margin:0px;
	padding:16px;
	float: left;
}

.photo3 img
{
	width:434px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.274);
}
.photo3:hover
{
	opacity:1;
	transition:0.3s all linear;
	transform:scale(1.1);
	cursor:pointer;
}
/*-------------------kontakt-----------------*/
#kontakt
{
	background-color: #ebebeb;
	width: 100%;
	display: flex;
	justify-content: center;
	padding-bottom: 50px;
	/*border-bottom: 50px solid rgb(39, 39, 39);*/

}
#kontakt div
{
	
	flex-wrap: wrap;
	max-width: 1400px;
	padding-top: 40px;
	justify-content: center;
	
	
}
.title3
{
	font-size: 40px;
	font-weight: bold;
}
/*------------------stopka------------------*/
#stopka
{
	text-align: center;
	justify-content: center;
	text-align: center;
	display: flex;
	padding-top: 30px;	
	background-color: rgb(39, 39, 39);
	color: #ebebeb;
	height: 40px;
	font size: 4px;
	margin-top: 50px;
	
}