header {
	padding: 20px 20px 0 20px;
	max-width: 1600px;
	margin: 0 auto;
    box-sizing: border-box;
}

/*header { padding-top: 56px; }*/

header .logo {
    position: absolute;
    width: 140px;
    left: calc(50% - 80px);
    top: 12px;
}

header .logo { text-align: center; }

header a.book {
    color: #F5F0DA;
    background-color: #4E4E42;
    border: 1px solid #4E4E42;
    display: inline-block;
    text-decoration: none;
    padding: 6px 20px;
    border-radius: 3px;
    letter-spacing: 4px;
    float: right;
    transition-duration: 500ms;
    font-size: 12px;
}

header a.book:hover { 
    border: 1px solid #4E4E42;
    background: #f5f0da;
    color: #4E4E42;
 }


header li.down ul > li h4,
header li.down ul > li p {
    text-transform: uppercase;
    letter-spacing: 4px;
}

header li.down ul > li > div {
    margin-bottom: 10px;
}

header li.down ul > li > div span {
    background-color: #FFF;
    display: inline-block;
    padding: 10px;
    letter-spacing: 4px;
    text-transform: uppercase;
}

header li.down ul > li strong {
    padding: 20px;
    display: inline-block;
}

@media all and (max-width: 479px) {
    /*header { padding: 20px 10px 0 10px; }
*/
    header a.book { 
        margin: 16px 0;
        padding: 6px 10px;
        font-size: 12px;
    }

    header a.book span { display: none; }
}

@media all and (max-width: 639px) {
    header a.book { 
        margin: 16px 0;
        font-size: 12px; 
        padding: 6px 10px;
    }

    header a.book span { display: none; }
}

@media all and (min-width: 480px) and (max-width: 639px) {
    header a.book { margin-right: 15px;}
}

@media all and (min-width: 640px) {
    /*header { padding-top: 86px; }*/

    header .logo {
        position: absolute;
        width: 200px;
        left: calc(50% - 100px);
        top: 10px;
    }

    header a.book { margin: 16px 40px 16px 40px; }

    header hr.line { margin: 120px 0 0 0; }
}