div.gallery {
    border: 1px solid #ccc;
	background-color:#020f32;
	color:#FFF;
}

div.gallery:hover {
    border: 1px solid #777;
}

div.gallery img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 10px;
    text-align: left;
	height:60px;
}

* {
    box-sizing: border-box;
}

.responsive {
    padding: 0 6px;
	float:left;
    width: 24.99999%;
	margin-bottom:10px;
}

@media only screen and (max-width: 700px){
    .responsive {
        width: 49.99999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 500px){
    .responsive {
        width: 100%;
    }
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

#galeria{
	padding-top:120px;
	float:left;
	margin-left:5%;
	margin-right:5%;
	min-height:1500px;
}
#strony{
	font-size:24px;
	font-weight:bold;
	text-align:right;
	color:#FFF;
	margin-bottom:10px;
	margin-right:10%;
	font-family:roboto;
}
#tytul{
	font-size:24px;
	font-weight:bold;
	text-align:left;
	color:#FFF;
}