main{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	margin-bottom: 139px;
}

a{
	font-family:Calibri, Arial, sans-serif;
	color:#898989;
	text-decoration:none;
	transition:background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}

a:hover, .menu2 a:hover, .menu-active a{color:#ACDE88;}

.container{
	display:flex;
	width: 940px;
	justify-content:center;
}

.img-container{
	height:auto;
	padding:0 0 30px;
	border-bottom:1px solid #E1E1E1;
	flex-wrap: wrap;
	user-select: none;
}

.img{
	width:48%;
	box-sizing: border-box;
	margin:5px;
	object-fit: cover;
    transition: transform 0.3s ease, z-index 0s 0.3s;
	background: transparent;
}

.img label{
	width:100%;
	height:100%;
	aspect-ratio:4/3;
	
}

.img img{
	object-fit: cover;
	aspect-ratio: 4/3;
	width:100%;
	cursor: pointer;
}


.fullscreen img{
	width: 100vw;
	height: 100vh;
	object-fit: contain;
}

.fullscreen label{
	position: fixed;
	top:0;
	left:0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(255, 255, 255);
	justify-content: space-around;
	align-items: center;
	display:none;
}

#dyplom2:checked ~ .dyplom2 label{
	display: block;
}

#dyplom:checked ~ .dyplom label{
	display: block;
}

#pokoj:checked ~ .pokoj label{
	display: block;
}

#pokoj2:checked ~ .pokoj2 label{
	display: block;
}

#korytarz:checked ~ .korytarz label{
	display: block;
}

#kuchnia:checked ~ .kuchnia label{
	display: block;
}

#korytarz2:checked ~ .korytarz2 label{
	display: block;
}

#balkon:checked ~ .balkon label{
	display: block;
}

}

p{
	font-size:14px;
	color:#898989;
	font-family:sans-serif;
	line-height:1.5;
	text-align:justify;
 }

.image{
	max-width:100%
}

.hyphent{hyphens:none}

h1, h2, h3, h4{
	color:#898989;
	font-family:Calibri, Arial, sans-serif;
	font-weight:normal;
	margin:0;
	font-size:34px;
}

h11{
	width:inherit;
}

body {
	overflow-x:hidden;
	background-color:#FAFAEE;
	display:flex;
	justify-content:center;
	margin:0; /*FIX*/
}

.page {
	background-color:#fff;
	width:1020px;
	box-shadow:0 10px 80px 0 rgba(0, 0, 0, 0.20);
	margin:50px 0 100px 0;
}

.pre-header{
	background:#ACDE88;
	width:1020px;
	height:50px;
	border-bottom:1pt solid #d8d5cd;
}

.topic-header{
	padding:13px 40px;
	color:white;
	font-size:21px;
	font-weight:bold;
	font-family:sans-serif;
}

.header{
	/*background-color:orange; /*temp*/
	height:133px;
	margin:0 40px 0 40px;
	border-bottom:1pt solid #d8d5cd;
}

.logo-wrapper{
	/*background-color:magenta; /*temp*/
	float:left;
	width:225px;
	height:118px;
	padding-top:15px;
}


.navigation-wrapper{
	/*background-color:gray; /*temp*/
	float:right;
}


.menu-list a:hover, .menu-active a{
    background:#f8f8f8;
    border-bottom:1pt solid #ACDE88;
 }

.menu-list a{
	padding:48px 12px 65px 12px;
	font-size:16px;
	text-transform:uppercase;
}

.menu-list{
	margin:0;
	list-style:none;
}

.menu-item{
	float:left;
	margin:0 0 0 20px;
	padding:48px 0 0 0;
}

footer{
	background-color:#8FC364;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	
}

.bottom-container{
	height:232px;
	padding:45px 0 0 0;
	display: flex;
	justify-content: space-between;
}

.box{
	width:50%;
}

.box2{
	width:220px;
}

h4{
	color:#FAFAEE;
	font-size:18px;
	line-height:24px;
	margin:0 0 15px 0;
}

.menu2{
	list-style:none;
	padding:0;
	margin:0;
}

.menu2 li:first-child{
	border-top:1px solid #7EAD51;
}

.menu2-item{
	padding:5px 0;
	border-bottom:1px solid #7EAD51;
}

.menu2 a{	
	font-family:sans-serif;
	font-size:12px;
	color:#FAFAEE;
	margin:0;
	padding:0;
}

.menu2 a:hover{text-decoration:underline;}

address span{
	font-family:sans-serif;
	font-size:12px;
	color:#FAFAEE;
	padding:5px 0 5px 30px;
	font-style:normal;
	display:block;
	line-height:1.5;
}
span.address{
	background:url("./address.png") left no-repeat;
}
span.phone{
	background:url("./phone.png") left no-repeat;
}
span.email{
	background:url("./email.png") left no-repeat;
}

.copyright{
	height:126px;
	background-color:#85BA58;/*temp*/
}

.copyright-holder{
	padding:45px 40px;
	font-family:sans-serif;
	font-size:12px;
	color:#FAFAEE;
	line-height:1.5;
}

.copyright-holder a{
	color:#ACDE88;
	font-size:12px;
	font-family:sans-serif;
}

.copyright-holder a:hover{color:#fff}

.copyright .backtotop{
	float:right;
	clear:both;
	text-align:center;
	background:#ACDE88;
	height:20px;
	width:20px;
	color:#FAFAEE;
	margin-top:-10px;
}

.copyright .backtotop:hover{background:#749952;}