/*********************************************************/
/*	STYLE CSS										 	 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
html, body {width:100%; height:100%; font-family: 'Roboto', sans-serif; background-color: #E9E1D2;}
/*********************************************************/
:root {
	--laranja: #CE5927;
	--vermelho: #91171B;
	--preto: #333;
	--azul:#233D4C;
}

h1 {font-family: 'Dancing Script', cursive;}

.linha {width: 100%; height: 2px; background-color: var(--azul); margin-top: 30px;}

.img1 {width: 161px; height: 100px; position: absolute; background-image: url(../images/img-2.png); background-repeat: no-repeat; background-size: 100%; background-position: top left; left: 0; top: 0;}
.img2 {width: 107px; height: 145px;  position: absolute; background-image: url(../images/img-3.png); background-repeat: no-repeat; background-size: 100%; background-position: top right; right: 0; top: 0;}
.img3 {width: 155px; height: 204px;  position: absolute; background-image: url(../images/img-1.png); background-repeat: no-repeat; background-size: 100%; background-position: bottom right; right: 0; bottom: 0;}
/*********************************************************/
/*	TOPO & RODAPE										 */
/*********************************************************/
header {width: 100%; display: table; position: relative; padding: 20px 0 30px 0; margin-bottom: 30px; text-align: center;}
header h1 {color: var(--vermelho); padding-bottom: 20px; font-size: 6em;}
header p {color: var(--azul); font-size: 1.2em; line-height: 30px; letter-spacing: 2px;}
header .logo {width: 400px; height: 200px; margin: 0 auto 30px auto; background-image: url(../images/logo.png); background-repeat: no-repeat; background-size: 100%; }

.almoco {width: 100%; display: table; padding-bottom: 40px; text-align: center;}
.almoco h1 {color: var(--vermelho); padding-bottom: 20px; font-size: 6em; }
.almoco h2 {color: var(--laranja); font-size: 3em;}
.almoco .valor {color: var(--vermelho) !important; font-size: 4em !important;}

.almoco .quadro h2 {text-transform: uppercase;}
.almoco .quadro p {font-size: 2.6em; text-transform: uppercase; color: var(--preto); font-weight: 700;}
.almoco .quadro p span {font-size: 0.7em;}
.almoco .quadro-g {width: 50%; float: left; min-height: 300px; padding: 0 10%;}
.almoco .quadro-m {width: 33.33%; float: left; min-height: 300px;}

.almoco .quadro-e {width: 50%; float: left; height: 280px; padding: 0 8%;}
.almoco .quadro-e p  {font-size: 2.6em; text-transform: uppercase; color: var(--preto); font-weight: 700;}
.almoco .quadro-e p span {font-size: 0.7em;}

.cardapio {width: 100%; display: table; position: relative;}
.cardapio h1 {color: var(--vermelho); padding-bottom: 20px; font-size: 4em; text-align: center;}
.cardapio h2 {text-transform: uppercase; font-weight: 600; letter-spacing: 2px; font-size: 1.2em;}

.cardapio ul {width: 60%; padding: 5px 30px 25px 0; display: table; border-bottom: 1px solid var(--azul); margin: 20px auto;}
.cardapio li {width: 100%; display: table; padding: 10px 0; color: var(--preto); border-bottom: 1px dashed #ccc;}
.cardapio p {color: #233D4C;}

.cardapio .prd {width: 80%; float: left;}
.cardapio .valor {width: 15%; float: right;}

.colunas h2 {text-transform: uppercase;}