body {
	color: #000;
	background: #f1dfb1;
}

a img {
	border: 0;
}

h1 {
	color: #000;
	font-family: serif;
	font-size: 2.3em;
	text-align: center;
	margin: 1% 5% 3% 5%;
}

h2 {
	text-align: center;
	font-family: serif;
	font-weight: normal;
	font-size: 1.5em;
}

.container {
    width: 90%;
	margin: auto;
}
.container p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 3% 0% 2% 2%;
}

.galleryItem {
    color: #292428;
    font-size: 0.8em;
	font-family: Verdana, sans-serif;
	display: inline-block;
    width: 12%;
    margin: 2% 2%;
}

.galleryItem img {
    max-width: 100%;
    border-radius: 4%;
}

.caption {
	float: left;
}
.caption p {
	margin: 0;
	font-size: 1.2em;
}
.caption h3 {
	font-size: 1.4em;
}

.top img {
	max-width: 6%;
	margin: 1% 0% 1% 1%;
}

.main {
	max-width: 70%;
	margin: auto;
}
.main h2 {
	font-size: 1.5em;
	text-align: left;
	font-family: sans-serif;
	font-weight: bold;
}
.main p {
	font-size: 1.1em;
	font-family: sans-serif;
	font-weight: normal;
}
.main img {
	max-width: 100%;
}

.levo {
	float: left;
	margin: 30% 1%;
	max-width: 6%;
}
.levo img {
	max-width: 100%;
}

.desno {
	float: right;
	margin: 30% 1%;
	max-width: 6%;
}
.desno img {
	max-width: 100%;
}


/* MEDIA QUERIES*/
@media only screen and (min-width : 1820px),
only screen and (min-device-width : 1820px){
    .main {max-width: 55%;}
}

@media only screen and (max-width : 1800px),
only screen and (max-device-width : 1800px){
    .main {max-width: 60%;}
}

@media only screen and (max-width : 1600px),
only screen and (max-device-width : 1600px){
    .main {max-width: 65%;}
}

@media only screen and (max-width : 1370px),
only screen and (max-device-width : 1370px){
    .main {max-width: 70%;}
}

@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){
    .galleryItem {width: 18%;}
}
 
@media only screen and (max-width : 720px),
only screen and (max-device-width : 720px){
    .galleryItem {width: 29.33333%;}
	h1 {font-size: 30px}
}
 
@media only screen and (max-width : 530px),
only screen and (max-device-width : 530px){
    .galleryItem {width: 46%;}
}
 
@media only screen and (max-width : 320px),
only screen and (max-device-width : 320px){
    .galleryItem {width: 96%;}
    .galleryItem img {width: 96%;}
    .galleryItem h3 {font-size: 18px;}
    .galleryItem p, {font-size: 18px;}
}