*{box-sizing: border-box;}
/*

chabrowy1: #3300CC
chabrowy2: #3300FF
złoty: #ffe13f

*/
body
{
	margin: 0;
	background-color: rgb(229, 229, 229);
}
.cls
{
	width: 0;
	height: 0;
	clear: both;
}
.tlo
{
	background-image: url('img/background.jpg');
	width: 100%;
    min-height: 40vh; 
    background-attachment:fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
}
.box
{
	width: 50%;
	height: 50%;
	background: #3300FF;
	color: white;
	font-family: 'Autour One', sans-serif;
	text-align: center;
	float: left;
	/*margin: 2vh;*/
	border-style: solid;
	border-color: rgb(229, 229, 229);
	border-width: 8vh;
	border-radius: 15vh;	
	font-size: 3vw;
	padding-top: 6vh;
	transition-duration: 0.75s;
}
.box:hover
{
	background: #ffe13f;
	border-width: 2vw;
}
.kosz
{
	height: 90vh;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5vh;
	margin-bottom: 5vh;
}

/*od tąd do końca są rzeczy z chruptole.html*/
/*od tąd do końca są rzeczy z chruptole.html*/
/*od tąd do końca są rzeczy z chruptole.html*/

nav
{
	width: 100%;
	height:50px;
	position: fixed;
}
.content
{
	width: 60%;
	background: white;
	margin-left: auto;
	margin-right: auto;
	text-align: center;	
	padding: 3%;
	font-family: 'Palanquin Dark', sans-serif;
}
.stopka
{
	text-align: center;
	width: 100%;
	height:260px;
	background: #3300FF;
	padding-left: 30%;
	padding-right: 30%;
	font-family: 'Palanquin Dark', sans-serif;
	color : #ffe13f;
}	
hr
{
	width: 90%;
	height: 10px;
	background: #ffe13f;
	margin-top: 3vh;
	margin-bottom: 3vh;
	color: #ffe13f;
}
.pasek
{
	height: 50px;
	width: 100%;
	background: #3300FF;
}
.czuwaj
{
	font-size: xx-large;
	color: #3300FF;	
	font-weight: bold;
}
.tytuł
{
	font-size: xx-large;
	color: #3300FF;
}
hr
 {
	color: #3300FF;
	background-color: #3300FF;
	height: 5px;
	border:none;
}

.film
{
	height: 350px;
	width:90%;
	  
}

@media only screen and (max-width: 813px)
{
	.content{width: 100%;}
	.box{border-width: 4vh;border-radius: 30vh;}
	.pasek{display: none;}
	nav{position: relative;}
	.kosz{height: 70vh; width: 95%; margin-top:15vh ; margin-right: 15vhs;}
	.film{width: 100%;}
}