body
{
margin: 0px;
padding: 3vw;
background-image: url(background.jpg);
background-repeat: no-repeat;
background-position: top;
background-size: 100%;
background-color: #222222;
}

#content
{
padding: 4vw;
padding-top: 36px;
padding-bottom: 0px;
border: 2px solid #f1f2f2;
border-radius: 9px;
//width: 80%;
max-width: 600px;
display: block;
margin: auto;
}

#logo
{
display: block;
margin: auto;
padding: 0px;
width: 100%;
}

h1
{
margin-top: 36px;
margin-bottom: 48px;
padding: 0px;
font-family: "arial";
text-align: center;
font-size: 18px;
color: #f1f2f2;
}

h2
{
margin-top: 24px;
margin-bottom: 9px;
padding: 0px;
font-family: "arial";
text-align: left;
font-size: 18px;
color: #f1f2f2;
}

h3
{
margin-top: 36px;
margin-bottom: 48px;
padding: 0px;
font-family: "arial";
text-align: center;
font-size: 14px;
color: #f1f2f2;
}

p
{
margin: 0px;
padding: 0px;
font-family: "arial";
text-align: justify;
font-size: 16px;
color: #f1f2f2;
}

.gallery
{
text-align: center;
margin: 0px;
padding: 0px;
margin-top: 36px;
}

.gallery a img
{
padding: 0px;
width: 15%;
border: 2px solid #f1f2f2;
margin: 0.5%;
-webkit-transition: -webkit-transform .15s ease;
-moz-transition: -moz-transform .15s ease;
-o-transition: -o-transform .15s ease;
-ms-transition: -ms-transform .15s ease;
transition: transform .15s ease;
}