html, body{
	margin: 0;
    padding: 0;
    font-style: normal;
    font-weight: 400;
    width: 100%;
    box-sizing: border-box;	
}
body{
	overflow-x: hidden;
	font-family:'regular',helvetica,verdana,sans-serif;
	color: rgba(247,247,247,1);
	font-size: 1.2rem;
	line-height: 1.7;
}
	.temp-main{
		width: 100%;
		height: auto;
		min-height: 100%;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		background-image: url(../images/restaurante-rivero-dkt.webp);
		background-repeat: no-repeat;
		background-position: center;
    	background-size: cover;
	}
		.temp-main:before{
			content: "";
			position: absolute;
			z-index: 1;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			background-color: rgba(0,0,0,0.75);
		}
		.temp-body{
			position: relative;
			z-index: 1;
			width: 800px;
			max-width: 100%;
			margin: 0 auto;
			text-align: center;
			padding: 40px 0;
		}
				.temp-body-logo img{
					width: 220px;
					height: auto;
					line-height: 0;
				}
			.temp-body-title{
				font-family:'title',helvetica,verdana,sans-serif;
				line-height: 1.05;
				font-size: 1.9rem;
			}
				.temp-body-title h1{
					margin: 20px 0;
				}
					.temp-body-title h1 span{
						color: rgba(205,127,50,1);
					}
			.temp-body-address{
				font-family:'title',helvetica,verdana,sans-serif;
				color: rgba(205,127,50,1);
				font-size: 1.35rem;
				margin-bottom: 25px;
			}
			.temp-body-cta{
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 15px 20px;
				text-align: center;
			}
				.temp-body-cta a{
					padding: 15px 20px;
					width: 230px;
					text-decoration: none;
					line-height: 1;
					border-radius: 3px;
				    transition: all 0.4s ease-in-out 0s;
				}
				.temp-body-cta .temp-body-cta-chat{
					border: solid 1px rgba(247,247,247,1);
					color: rgba(247,247,247,1);
					background-color: rgba(0,0,0,0.1);
					backdrop-filter: blur(5px);
				}
				.temp-body-cta .temp-body-cta-chat:hover{
					background-color: rgba(0,0,0,0.7);
				}
				.temp-body-cta .temp-body-cta-menu{
					border: solid 1px transparent;
					color: rgba(247,247,247,1);
					background-color: rgba(205,127,50,1);
				}
				.temp-body-cta .temp-body-cta-menu:hover{
					background-color: rgba(205,127,50,0.8);
					backdrop-filter: blur(5px);
				}
@media (max-width: 800px){
	.temp-main{
		background-image: url(../images/restaurante-rivero-mov.webp);
	}
		.temp-body{
			width: 92%;
			padding: 30px 0;
		}
				.temp-body-logo img{
					width: 200px;
				}
			.temp-body-title{
				line-height: 1;
				font-size: 1.4rem;
			}
			.temp-body-address{
				line-height: 1.3;
				margin-bottom: 40px;
			}
			.temp-body-cta{
				gap: 15px 15px;
			}
				.temp-body-cta a{
					padding: 15px;
					width: calc(50% - 9px);
				}
}