#header {	
	margin: 0px;
	}

#header h1, h3
{		
	width: 96%;
 	color: #CCC;
	text-align: center;
	position: absolute;
	
}

#header h1 
{	
	top: calc(30px - 1.7vw);
	font-size: calc(25px + 4.1vw);
	text-shadow: 5px 5px 6px #001a00;	
}

#header h3
{	
	top: calc(75px + 1.7vw);
	font-size: calc(8px + 1vw);
	text-shadow: 2px 2px 3px #001a00;	
}

.logo{    
    height: 100px;
    float: left;
	position: relative;
    top: 25px;
    left: 40px;
	cursor: pointer;
	display:none;
}

.headbackground {	
	height: 220px;	
	background:  url("land4.jpg") no-repeat center;
	background-color: #536573;
	background-size: 100% 100%;	
}

.headbackground2 {	
	height: 160px;		
	background-color: #536573;
	background-size: 100% 100%;	
}

.duet {
	display: none;
}

#ciastka {
	height: 28vw;  
	background:  url("ciastka2.jpg") repeat-x center;
	background-size: 100% 100%;	
	margin-bottom: -2px;
}



.mainbackgrnd {
background: #6d757d; /* Old browsers */
background: -moz-linear-gradient(top, #6d757d 0%, #f9fcfa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #6d757d 0%,#f9fcfa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #6d757d 0%,#f9fcfa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d757d', endColorstr='#f9fcfa',GradientType=0 ); /* IE6-9 */
	}
	

#opis{
padding: 20px;

}

#xxxx
{
	top: calc(38px - 1vw);
	font-size: calc(20px + 4.4vw);
	text-shadow: 5px 5px 6px #001a00;
}