body, h1, h2, h3, h4, h5, h6 {
font-family: 'Lato', sans-serif
}
nav .title-area h1 {
font-family: 'Expletus Sans', cursive
}
.nav-wrapper {
border-bottom: #3c7ba2 4px solid
}
main header {
height: 350px;
width: 100%;
background: #3c7ba2 url(../assets/header.png) center 0 no-repeat fixed
}
div.slide {
position: relative;
z-index: 2;
box-shadow: 0 -2px 8px 3px rgba(0,0,0,0.2)
}
header.slide {
z-index: 1
}
.panel {
background-color: #eaeaea
}
main header .inside {
margin: 0 auto;
max-width: 980px;
text-align: center;
padding-top: 100px;
z-index: 1
}
main header .inside h1 {
margin: 0;
color: #265069;
font-family: 'Expletus Sans', cursive;
font-weight: bold;
text-shadow: 2px 2px 4px #335669;
z-index: 1
}
main.photos-gallery {
background-color: #ddd
}
.js main header .inside h1 {
position: fixed
}
.gallery {
padding: 10px;
background: #eaeaea center 0 no-repeat fixed
}
.picture {
overflow: hidden;
position: relative;
margin-top: -2px;
display: inline-block
}
.legend {
padding: 5px;
position: absolute;
width: 100%;
height: 100%;
text-align: center;
color: #fff;
background-color: #333;
top: 0;
opacity: 0;
-webkit-transition: opacity .4s
}
.picture:hover .legend {
opacity: .6
}
img {
max-width: 100%;
max-height: 100%
}
.picture:hover {
cursor: pointer
}
.color1 {
background-color: #73626e
}
.color2 {
background-color: #b38184
}
.color3 {
background-color: #f0b49e
}
.color4 {
background-color: #45ada8
}
.color5 {
background-color: #f7e4be
}
.color6 {
background-color: #e9d65c
}
.color7 {
background-color: #e9b654
}
.color8 {
background-color: #acbb66
}
.color9 {
background-color: #c1daee
}
.color10 {
background-color: #92282f
}
.picture1 {
width: 94px;
height: 70px
}
.picture2 {
width: 94px;
height: 70px
}
.picture3 {
width: 56px;
height: 85px
}
.picture4 {
width: 120px;
height: 80px
}
.picture5 {
width: 53px;
height: 80px
}
.picture6 {
width: 56px;
height: 85px
}
.picture7 {
width: 66px;
height: 85px
}
.picture8 {
width: 101px;
height: 75px
}
.picture9 {
width: 62px;
height: 80px
}
.picture10 {
width: 66px;
height: 85px
}
.picture11 {
width: 62px;
height: 80px
}
.picture12 {
width: 128px;
height: 85px
}
.picture13 {
width: 62px;
height: 80px
}
.picture14 {
width: 113px;
height: 75px
}
.picture15 {
width: 56px;
height: 85px
}
.picture16 {
width: 54px;
height: 70px
}
.picture17 {
width: 94px;
height: 70px
}