#divPageHeader{
    display:none;
}

hr.noMargin {
    margin: 0 0;
    border-color: lightgray;
}
hr.negativeMargin{
    margin:10px -50px;
    border-color:lightgray;
}
hr{
    margin:10px 0;
    border-color:lightgray;
} 
.divMenuList{
    padding:30px 10% 50px 10%;
}
#divRestaurantHeader{
    /*margin-top:60px;*/
    border-bottom:solid 1px lightgray;
}
.imgRestaurantLogo{
    /*border:solid 2px black;*/
    border-radius: 50%;
    width:100px;
    height:100px;  
    /*box-shadow:0px 0px 3px rgba(0,0,0,1);    */ 
}
.divRestaurantIcon{
    margin:10px 20px;
    text-align :right;
    float:left;
}
.divRestaurantName{
    float:left;
    margin-top:20px;
    font-size:60px;
    line-height :0.8;
    font-weight:400;
    text-transform :uppercase ;
    /*text-shadow:0px 0px 5px rgba(255,255,255,1);*/ 
}
.divRestaurantAddress{
    margin:10px 0 0 5px;
    font-size:20px;
    line-height :1;
    /*text-shadow:0px 0px 3px rgba(0,0,0,1);*/ 
}
.divRestaurantInfo{
    background-repeat :no-repeat ;
    background-size : cover  ;
    background-attachment: fixed;
    /*min-height:400px;*/
    position:relative ;
    z-index:1;
    min-height:50vh;
}

.divRestaurantHeaderButtons{
    position:absolute;
    /*bottom:0;*/
    bottom:40px;
    left:50px;
    padding:0;
    z-index:5;
}

.divRestaurantHeaderButtons button {
    border-radius:3px !important;
}

.divOverlay{
    position:absolute ;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:2;
    background-color:rgba(255,255,255,0.6);
}
.BlackBG{
    /*background-color:rgba(255,255,255,0.6);*/
    background-color:rgba(0,0,0,0.6);
}
.divContent{
    position:relative;
    z-index:3;
    text-align :left;
    padding:30px 30px;
}
.divCircle{
    border:solid #FFF 3px;
    border-radius:50px;
    width:50px;
    height:50px;
    float:right;
    margin:5px;
    color:#FFF;
    padding-top:7px;
    text-align :center;
    vertical-align :middle;
    text-shadow:0px 1px 3px #000;
    box-shadow:0px 1px 3px #000;
    background-color:rgba(0,0,0,0.8);
}
.divRestaurantInfoBlock{
    position:relative ;
    margin:30px 0;
    color:#333;
    border:solid 1px lightgray;
    /*border:solid 1px #333333;*/
    border-radius:3px;
    cursor:pointer;
    z-index :4;
    background-color:#FFFFFF;
}
.divRestaurantMenuBlock{
    margin:30px 30px;
}
.divRestaurantInfoBlockContent{
    color:#333;
    z-index:5;
    position:relative;
    padding:10px 50px;
}
.btnRestaurant{
    width:130px;
}
.btnRestaurantClosed{
    /*width:250px;*/
}
.divRestInfo{
    padding:10px 50px;
}
.divRestInfo:hover{
    background-color:#EFEFEF;
}
.divRestaurantHeaderIndicators {
    /*padding-top:100px;*/
    position:absolute;
    bottom:0px;
}

@media(max-width:1199px) {
    .divContent{
        position:relative;
        z-index:3;
        text-align :left;
        padding:20px 20px;
    }
    .divRestaurantIcon{
        margin:10px 10px 0 0;
        text-align :right;
        float:left;
    }
    .divRestaurantName{
        font-size:50px;
    }
    .divRestaurantAddress{
        font-size:12px;
    }
    .divMenuList{
        padding:30px 0;
    }
    .divRestaurantInfoBlock{
        font-size:14px;
    }
    .divRestInfo {
        padding: 10px 20px;
    }
}


@media screen and (max-width: 767px) {
    #divPageHeader {
        display: block;
    }

    .divMenuList {
        padding: 10px 0;
    }   
    hr.negativeMargin {
        margin:5px -20px;
    }
    hr{
        margin:5px 0;
    } 
    .divContent{
        position:relative;
        z-index:3;
        text-align :left;
        padding:30px 20px;
    }
    #divRestaurantHeader{
        margin-top:20px;
    }
    .imgRestaurantLogo{
        /*border:solid 2px black;*/
        border-radius: 50%;
        width:70px;
        height:70px;  
        /*box-shadow:0px 0px 3px rgba(0,0,0,1);  */   
    }
    .divRestaurantIcon{
        margin:10px 10px 0 0;
        text-align :right;
        float:left;
    }
    .divRestaurantName{
        float:left;
        margin-top:20px;
        font-size:34px;
        line-height :0.8;
        text-transform :uppercase ;
        /*text-shadow:0px 0px 3px rgba(0,0,0,1);*/ 
    }
    .divRestaurantAddress{
        margin:10px 0 0 0;
        font-size:12px;
        /*text-shadow:0px 0px 3px rgba(0,0,0,1);*/ 
    }
    .divRestaurantPageHeader {
        position: fixed;
        font-family :Oswald,Tahoma,sans-serif ;
        font-size:20px;
        text-align:right;
        padding:10px 20px; 
        top:0;
        right:0;
        left:0;
        z-index:10000;
        background-color :rgba(254, 216, 1, 1);
    }
    .divCircle {
        border:solid #FFF 1px;
        border-radius:50%;
        width:30px;
        height:30px;
        float:left;
        margin:5px;
        color:#FFF;
        padding-top:4px;
        text-align :center;
        vertical-align :middle;
        text-shadow:0px 1px 3px #000;
        box-shadow:0px 1px 3px #000;
        background-color:rgba(0,0,0,0.8);
    }
    .fa-2x{
        font-size:16px;
    }
    #divXSLogo{
        display:none;
    }
    .divRestaurantInfoBlock{
        margin:10px 0;
    }
    .divRestaurantMenuBlock{
        margin:10px 0;
    }
    .divRestaurantInfoBlockContent{
        padding:10px 20px;
    }
    .divRestaurantHeaderIndicators {
        padding-bottom:40px;
    }
    .divRestaurantHeaderButtons{
        left:20px;
    }
    .btnRestaurant{
        width:100px;
    }
    .btnRestaurantClosed{
        /*width:170px;*/
    }
    .divRestInfo{
        padding:10px 20px;
    }
    /*.divRestaurantInfo {
        min-height: 300px;
    }*/
}