html {
background-color: #f2f2f2;
font-family: 'Alegreya';

}

body {
max-width: 1000px;
margin: 0 auto;  
padding: 5px;
background-color: #fff;
color: #000;  
text-align: center;  
}

a {
color: #C62E33;
text-decoration: none;
}

p {
text-align: justify;
margin: 0;
padding: 0.5em;  
}
h1 {
color: #C62E33;
font-size: 3em;
padding: 0;
margin: 0;  
text-shadow: 0.05em 0.05em #DBdBdB;
}

h2 {
font-size: 1em;
text-align: left;
margin: 1px 0 0 0;  
padding: 0.1em 0 0 0.5em;
text-transform: uppercase;
}

h2 a:hover {
text-shadow: 0em 0.1em 0.1em #bababa;
}
ul {
padding: 0;
}

ul li {
display: inline-block;
margin: 0.3em 1.5em;  
font: 1.2em Oswald;  
padding: 0.1em 0.5em;
border: 2px solid #bababa;  
}

ul li:hover {
background-color: #f2f2f2;
}

section.gallery {
max-width:1010px;
margin: 1em auto;  
        column-width: 320px;
    -moz-column-width: 320px;
  -webkit-column-width: 320px;
  column-count: auto;
-moz-column-count: auto;
-webkit-column-count: auto;
}

section.gallery div {
 display: inline-block;
 width: 320px;
 overflow: hidden; 
 margin: 4px 2px ; 

}

section.gallery div img {
width: 320px;
}


section.gallery div.adv-insde img {
width: 300px; 
margin: 10px auto;
}


section.banner-adv, section.text-adv {
 clear: both;
  background-color: #DDDBDB;
  font-size: 2em;
  font-weight: bold;
  margin: 1em auto;
}

section.banner-adv {
padding: 0.5em 0 0.1em;
}

section.text-adv a:hover {
text-shadow: 0.1em 0.1em 0.1em #bababa;
}

footer {
font: 0.7em Arial;
}