body
{
	 background-image: url(../photos/tlo2.jpg);
	 background-size: cover;
	 background-repeat: no-repeat;
	 background-attachment: fixed;
}
#logo
{
	height: 100px;
	width: 450px;
	font-size: 100px;
	margin-top: 10px;
	margin-left: 20px;
	font-family: Impact;
}

#container 
{
	height: 500px;
	margin-left: 20px;
	margin-top: 70px;
}


#footer
{
	height:20px;
	margin-top: 220px;
	text-align:center;
	font-family: Times New Roma;
	width: 100%;
}


.box1
{
	float: left;
	margin-top: 50px;
	margin-left: 210px;
	width: 300px;
	height: 150px;

}

.box2
{
	float: left;
	margin-top: 50px;
	margin-left: 250px;
	width: 300px;
	height: 150px;
	
}

.box3
{
	float: left;
	margin-top: 50px;
	margin-left: 250px;
	width: 300px;
	height: 150px;
	
}

.box4
{
	float: left;
	margin-top: 200px;
	margin-left: 210px;
	width: 300px;
	height: 150px;
	
}

.box5
{
	float: left;
	margin-top: 200px;
	margin-left: 250px;
	width: 300px;
	height: 150px;
	
}

.box6
{
	float: left;
	margin-top: 200px;
	margin-left: 250px;
	width: 300px;
	height: 150px;
	
}


p
{
	margin-top: 50px;
	font-size: 40px;
	font-family: Impact;
	text-align: center;
}

p:hover
{
    animation: przyciski 1s 1;
	-webkit-animation-fill-mode: forwards;
}


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

@keyframes przyciski
{
    0%
	{
        font-size: 40px;
    }
    100%
	{
        font-size: 50px;
    }
}