@charset "utf-8";
/* CSS Document */

header {

    width:100%;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 5000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
/*    height: 111px;
    padding:0 35px 0 35px;*/
    height: 80px;
    padding:0 24px 0 24px;
 
}

#logo {
    
    height:auto;
    padding-left: 48px;
/*    width:460px;*/
    width:310px;
    
}

#logo-wolf {
    
    display:none; 
    padding-left: 20px;
    
}

#logo-wolf-svg {
    
    width:48px;
    height:auto;
    
}

.reservation-main-button, #showPrivateDiningButton {
    
    font-family:"Mostra N W00 Bold";
    font-weight: 400;
    font-style: normal;
    line-height: normal;
    background-color: transparent;
    border: 1px solid;
    box-sizing: border-box;
/*    width:174px;
    height:42px;
    font-size: 18px;
    letter-spacing: 2px;*/
    width:124px;
    height:30px;
    font-size: 14px;
    letter-spacing: 1px;
 
}

.reservation-main-button:hover, #showPrivateDiningButton:hover  {
    
    cursor: pointer;
 
}

#showPrivateDiningButton {
    
    position: absolute;
    top:25px;
    left:156px;
    
}

#showPrivateDiningButton a {
    
    color:inherit;
    text-decoration: none;
    outline:0;
    
}

#showPrivateDiningButton a:hover {
    
    color:inherit;
    text-decoration: none;
    outline:0;
    
}

.reservation-main-button .inner {
    
    /*padding: 10px 0 0 20px;*/
    padding: 6px 0 0 14px;
    
}

#showPrivateDiningButton .inner {
    
    /*padding: 10px 0 0 20px;*/
    padding: 6px 0 0 8px;
    
}

.reservation-main-button .inner:before {

    content: "RESERVATIONS";    

}

#showPrivateDiningButton .inner:before {

    content: "PRIVATE DINING";    

}

@media only screen and (max-width: 1024px) {
    
    #showPrivateDiningButton {

        position: relative;
        top:auto;
        left:auto;
        margin-top: 2px;

    }   
    
    
}

@media only screen and (max-width: 799px) {

    header {

        padding:0 16px 0 16px;

    }
    
    .reservation-main-button {

        width:73px;
        height:34px;
        font-size: 16px;
        letter-spacing: 1px;

    }

    .reservation-main-button .inner:before {

        content: "BOOK";    

    }
    
    .reservation-main-button .inner {

        padding: 7px 0 0 12px;    

    }
    
    #logo-wolf {

        display:block;

    }  
    
    #logo {

        display:none;

    }

}