@charset "utf-8";

.container {
	width: 80%;
	margin: 10px auto;
	overflow: hidden;
	background-color:#2f0062;
}
.galleryItem {
    color: #797478;
    font: 10px/1.5 Verdana, Helvetica, sans-serif;
    float: left;
	width: 21%;
    margin:  2% 2% 20px 2%; 
}
.galleryItem img {
    max-width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.website img {
    max-width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* MEDIA QUERIES*/
@media only screen and (max-width : 800px),
only screen and (max-device-width : 800px){
    .galleryItem {width: 29.33333%;}
}
 
@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%;}
}
body {
	background-color: #130037;
	font-size: 14px;
	font-family: Verdana;
	color: #FF00E6;
	text-align: center;
}