@import url('https://fonts.googleapis.com/css?family=Poppins:300,400');

body {
	margin: 0;
	-webkit-perspective: 1000;
	font-family: 'Poppins', sans-serif;
	background: #303030;
}

body, html {
	height: 100%;
	width: 100%;
	overflow-x: hidden;
	font-size:24px;
}
html{
    -webkit-font-smoothing: antialiased;
  }

  a {
    color: #ffffff;
    text-decoration: none !important;
  }

 a, input, button, .form-control {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background: #2e664a;
    padding: 5px 25px 5px 25px;
    margin-top: 5px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
}

  a:hover, a:active, a:focus {
    color: #f4f4f4;
    outline: none;
  }

  ::-webkit-scrollbar{
    width: 0px;
    height: 0px;
  }

  ::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: #202020;
  }
 /*---------------------------------------
     TYPOGRAPHY              
  -----------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
    font-weight: 600;
    line-height: inherit;
  }

  h1 {
    color: #2e664a;
    font-size: 2em;
  }

  h2 {
    color: #2e664a;
    font-size: 1.42em;
  }
  
  h3 {
    color: #2e664a;
    font-size: 0.8em;
  }

  p {
    color: #000000;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
  }

  .overlay {
    *background: linear-gradient(to bottom right, #d2b48c, #000000);
    opacity: 0.9;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #home {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    position: relative;
	*background:url("../images/site-bg.webp");
	background:#fff1d7;
  }

  #home .container {
    width: 100%;	
  }

  .home-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
    min-height: 100vh;
  }
  .brand-logo a{
   background:none;
}
.restantant-logos{
	height:80px;
	max-width:auto;
}
@media only screen and (max-width: 600px) {

    h1 {
      font-size: 1.10em;
    }
	h2 {
		font-size: 1.0em;
	}
	.restas {
		margin-bottom: 15px;
	}
	.restantant-logos {
		height: 60px;
		width: auto;
	}
  }