@font-face {
    font-family: 'fusterd_brush';
    src: url('/fonts/fusterd_brush.otf') format('opentype'),
		 url('/fonts/fusterd_brush.ttf') format('truetype'),
         url('/fonts/fusterd_brush.woff') format('woff'),
         url('/fonts/fusterd_brush.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

html, body {
	background-color: #161515;
	color: #c19a36;
	font-family: 'Roboto', sans-serif;
	width: 100%;
	height: 100%;
}

html {
	/*background-image: url('/images/positionning.png');*/
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

body {
	background-color: transparent;
    background-image: url(/images/background.png);
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 1.2rem;
}

h1 {
    font-size: 1.65rem;
    line-height: 1;
    font-family: 'Playfair Display', serif;
    font-style: italic;
    text-transform: uppercase;
    margin-top: -1.3rem;
}

h1 .number {
	font-size: 130%;
}

iframe {
	max-width: 1920px;
    position: absolute;
    width: 100%;
    margin: auto;
    left: 0;
    right: 0;
    height: 100%;
    top: 0;
}

#waiter {
    padding: 1.2rem 1.1rem 1rem;
    letter-spacing: 0.5px;
    line-height: 1.3;
    margin: auto;
    max-width: 97%;
    margin-top: -0.3rem;
    background-color: #fffaed;
    margin-bottom: 1rem;
}

#waiter ul {
	list-style: none;
    font-weight: bold;
    font-size: 78%;
    padding: 0;
    margin-top: 0.9rem;
}

@media screen and (min-width: 375px) {
	#waiter ul {
		font-size: 96%;
	}
}

@media screen and (min-width: 414px) {
	h1 {
    	font-size: 1.75rem;
	}
	#waiter ul {
		font-size: 109%;
	}
}

@media screen and (min-width: 768px) {
	#waiter ul {
		font-size: 92%;
	}
}

@media screen and (min-width: 1024px) {
	#waiter ul {
		font-size: 68%;
	}
}

@media screen and (min-width: 1200px) {
	body {
    	background-size: 100%;
    	font-size: 1.7rem;
	}
	h1 {
	    font-size: 2.5rem;
	}
	#waiter {
    	padding: 3.5rem 4.4rem 1.9rem;
	}
}


@media screen and (min-width: 1401px) {
	#waiter {
		padding: 3.5rem 7.1rem 1.9rem;
	}
}