/* --------------- Generic Styles -------------------- */

body{padding:0; margin:0; color:#3f3f3f;}
.container{max-width: 1170px; margin-left: auto; margin-right: auto; position:relative;}
a{text-decoration: none !important}
ul{padding-left:0;}

/* --------------- Header Styles -------------------- */

.header{background: url("https://reservation-ledevoluy.for-system.com/inclusions/HeadPic.jpg") repeat-x;background-position: center; height:240px;}
.navbar{background:white; padding:15px 0;}
.navbar:after{display: block; content: ""; clear: both;}
.pull-left{position:absolute; top:0; left: 0;}
.logo{padding:5px 15px; background:white;}
.push-right{float:right;}
.btn{display:inline-block; padding:10px 30px; font-family: 'Roboto', sans-serif; font-size:13px; color:white;}
.btn-1{background:#f5008b;}
.page-title{font-family: 'Volkhov', serif; color:white; font-size:48px; text-align:center; margin-top:60px;}

/* --------------- Footer Styles -------------------- */

.footer{background:#e8e4db; padding:30px; text-align: center;}
.btn-2{background:#0081c1;}
.btn-2:hover{color:#FFF; text-decoration:underline !important;}

.infos{font-family: 'Volkhov', serif; font-size:16px; margin-bottom:30px;}
.phonelink{color:#3f3f3f;}
.menu-footer{margin-top:30px; margin-bottom:60px;}
.list-inline li{display: inline-block;}
.list-inline li a{color:#3f3f3f; opacity: .6; font-family: 'Roboto', sans-serif; font-size:14px;}
.list-inline li a:hover{opacity:1}
.logo-devoluy{position: relative;}
.logo-devoluy img{padding:0 60px; background:#e8e4db; position: relative;}
.logo-devoluy:before{display: inline-block; content:""; height: 1px; background: #3f3f3f; position:absolute; left:0; top:50%; width:100%;}

/* --------------- Mobile styles only -------------------- */

@media screen and (max-width:420px){
    #navbar .btn{display: none;}
    .pull-left{position:static;}
    #navbar .container{text-align:center;}
    .logo img{max-width:70px; height: auto;}
    .page-title{margin-top: 30px; font-size: 28px;}
    .header{height: 160px; background-size: cover; background-position: center top;}
}