html {
	max-height:100%;
	max-width: 100%;
}

body {
 background-image: url(../img/bg2.jpg);
}
@media only screen and (min-width: 768px) {
    body {
          background-image: url(../img/bg.jpg);
     background-attachment: fixed;
   background-repeat: no-repeat;
   background-size: 100% auto;	
    }
}



.cardap {
	background-color:#ffffff;
	border-radius: 50px;
	border-color:#ffffff;
	padding: 1rem;
	font-size: 1.1rem;
	margin-bottom: 1rem;
	color:#58340e;
	font-weight: 600;
	box-shadow: 1px 1px 5px 1px #58340e;
}

.cardap:hover {
	color:#e2174f !important;
	box-shadow: 1px 1px 5px 1px #fff !important;
	background-color:#fff !important;
	border-color:#fff !important;
}

.whats:hover {
	color:#075E54 !important;
	box-shadow: 1px 1px 5px 1px #292929 !important;
	background-color:#fff !important;
	border-color:#fff !important;
}

.insta:hover {
	color:#E1306C !important;
	box-shadow: 1px 1px 5px 1px #292929 !important;
	background-color:#fff !important;
	border-color:#fff !important;
}
.geral:hover {
	color:#e73930 !important;
	box-shadow: 1px 1px 5px 1px #292929 !important;
	background-color:#fff !important;
	border-color:#fff !important;
}

.face:hover {
	color:#00599C !important;
	box-shadow: 1px 1px 5px 1px #292929 !important;
	background-color:#fff !important;
	border-color:#fff !important;
}

.deliv:hover {
	color:#e2174f !important;
	box-shadow: 1px 1px 5px 1px #292929 !important;
	background-color:#fff !important;
	border-color:#fff !important;
}

.telefo:hover {
	color:#e2174f !important;
	box-shadow: 1px 1px 5px 1px #292929 !important;
	background-color:#fff !important;
	border-color:#fff !important;
}

.future {
	color: #fff;
	text-decoration: none;

	
}

.future:hover {
	color: #009ea0;
	text-decoration: none;
	
}