html {
background-color: #fff;
font-family: 'Alegreya Sans SC', sans-serif;

}

body {
max-width: 970px;
margin: 0 auto;
padding: 0 ;  
background-color: #27D4F2;  
text-align: center;  
}

header {
background-color: #5AB8BF;
}

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

a:hover {
color: #F26427;
}

p {
margin: 0;
padding: 0.5em;  
}
h1 {
font-size: 3em;
padding: 0;
margin: 0;  
color: #F26427;
text-shadow: 0.02em 0.02em  #000;  
}
ul {
padding: 0;
background: #8D9C8D;  
}

ul li {
display: inline-block;
margin: 0 1.5em ;  
font: 1.5em Alegreya Sans SC;  
padding: 0.2em 0.1em;  
}

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

section.gallery {
max-width:970px;
margin: 0;  
    column-count: auto;
-moz-column-count: auto;
-webkit-column-count: auto;
        column-width: 320px;
    -moz-column-width: 320px;
  -webkit-column-width: 320px;
   column-gap: 1px;
-moz-column-gap: 1px;
-webkit-column-gap: 1px;
line-height: 0;
}

section.gallery div {
 display: inline-block;
 width: 320px;
 overflow: hidden; 
 margin: 1px; 
 padding: 0; 
}

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

section.gallery div:hover {
box-shadow: 0em 0em 0.1em #000;
}

section.gallery div.adv-insde {
padding: 5px 0;
}

section.gallery div:hover {
}

/*
section.gallery div a {
 display: block; 
}
section.gallery div a:hover {

  border: 1px solid;
}
*/
section.banner-adv, section.text-adv {
 clear: both;
  background-color: #5AB8BF;
  font-size: 2em;
  font-weight: bold;
  margin: 1em auto;
}

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

section.text-adv a:hover {
color: #F26427;
}

footer {
font: 0.7em Arial;
padding: 0 2px;  
}