/**
 * Global
 */
@media only screen and (max-width: 767px) {
    body {
        background-image: url("../img/background-s.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        background-color: #fff;
    }
}
@media only screen and (min-width: 767px) {
    body {
        background-image: url("../img/background.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        background-color: #fff;
        /*
        * background: url(background.jpg) center center cover no-repeat fixed;
        */
    }
}
a {
    color: #444;
}
a:hover {
    color: #666;
}
.thumbs a {
    float: left;
    width: 23.5%;
    margin: 0 2% 2% 0;
}
.thumbs a img {
    width: 100%;
}
.thumbs a:nth-child(4n) {
    margin-right: 0;
}
@media only screen and (max-width: 767px) {
    header {
        padding-top: 10% !important;
    }
    .thumbs a {
        width: 32%;
        margin: 0 2% 2% 0;
    }
    .thumbs a:nth-child(3n) {
        margin-right: 0;
    }
    .thumbs a:nth-child(4) {
        margin-right: 2%;
    }
}
@media only screen and (max-width: 480px) {
    .thumbs a {
        width: 48%;
        margin: 0 4% 4% 0;
    }
    .thumbs a:nth-child(2n) {
        margin-right: 0;
    }
    .thumbs a:nth-child(3) {
        margin-right: 4%;
    }
    .thumbs a:nth-child(4n) {
        margin-right: 0;
    }
}
/**
 * Header
 */
header {
    padding-top: 100px;
}
header nav {
    width: 100%;
}
header ul {
    float: left;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
header ul li {
    float: left;
    width: 20%;
    font-size: 20px;
    text-align: center;
}
header ul li:last-child {
}
header ul li a {
    line-height: 45px;
    color: #fff7b2;
}
header ul li a:hover,
header ul li.active a {
    color: #6d433d;
}
nav {
    float: left;
}
.logo a {
    float: left;
    max-width: 303px;
    width: 100%;
    height: 88px;
    background-image: url("../img/logo.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
}
/**
 * Main Content
 */
main {
    padding: 6% 0 10% 0;
}
main p {

}
main form {
    max-width: 500px;
}
/**
 * Footer
 */
footer a {
    font-size: 12px;
    margin-left: 3px;
}