body {
	font-family: Arial;
	background: #364244;
	color: #fff;
}

.aviso {
	background: #a50;
	text-align: center;
	max-width: 700px;
	border-radius: 10px;
	margin: 20px 5%;
	padding: 10px;
	font-weight: bold;
	font-size: 1.3em;
}

header {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.video-cidade {
	width: 90%;
	max-width: 700px;
	min-height: 200px;
	border: none;
	margin: 20px 5%;
}

@media only screen and (width > 400px){
	.video-cidade {
		min-height: 300px;
	}
}

.subir {
	position: fixed;
	bottom: 320px;
	right: 10px;
	background: #fff;
	width: 70px;
	height: 70px;
	text-align: center;
	border-radius: 50%;
	z-index: 100;
}

.subir>img {
	width: 100%;
}

.titulo {
	text-align: center;
}

.logo-site {
	max-width: 50%;
	height: 200px;
}

@media only screen and (width > 600px) {
	.logo-site {
		max-width: 700px;
	}
}

.subtitle {
	font-size: 1.5em;
	margin-top: -50px;
	color: #eee;
	animation: digitando 3s steps(30) infinite;
	width: 11ch;
	overflow: hidden;
	white-space: nowrap;
}

@keyframes digitando {
	0% {
		width: 0ch;
	}
}

.download-app {
	position: fixed;
	right: 10px;
	bottom: 50px;
	display: flex;
	flex-direction: column;
	background: #364244;
	border-radius: 10px;
	z-index: 100;
}

.download-app>a {
	/* text-align: center; */
	text-decoration: none;
	/* font-weight: bold; */
	/* font-size: 15px; */
}

.download-app>a>img {
	width: 70px;
	height: 70px;
	border-radius: 50%;
}

.car2 {
			width: 100%;
			background: orange;
			border-radius: 10px;
			height: 100%;
			cursor: pointer;
		}

/* 
.encartes {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 20px;
	width: 100%;
} */

.encartes {
	margin: 20px 0 100px 0;
	text-decoration: none;
	color: #fff;
	width: 100%;
	/* padding: 5px; */
}

.encartes-img {
	width: 90%;
	/* height: 300px; */
	margin: 5%;
}

.ajuda {
	background: #fff;
	width: 65px;
	height: 65px;
	border-radius: 100%;
	text-align: center;
	/* font-size: 25px; */
}

@media only screen and (width > 600px) {
	.encartes {
		max-width: 700px;
	}
}

@media only screen and (width > 500px) {
	body {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
}

.detalhe {
	background: red;
	height: 50px;
}

/*.encartes > div {
	flex: 0 0 100%;
}
.encartes > div > img {
	width: 100%;
	height: auto;

}*/
.lojas-destaques {
	display: flex;
	justify-content: center;
	height: 10em;
	padding: 3px;
}

/* .lojas-destaques > img {width: 100%;} */
/* @media only screen and (width > 500px) {
	.lojas-destaques>img {
		max-width: 200px;
		height: 170px;
	}
} */

/* .lojas-destaques>img { */
.loja-destaque-atual {
	width: 20%;
	height: 100%;
	max-height: 100px;
	border-radius: 50%;
}

.menu {
	max-width: 700px;
	display: flex;
	margin: 30px 0;
}

.cadastrar {
	text-align: center;
	width: 400px;
	font-size: 1em;
}

.cadastrar>button {
	background: #0c0;
	color: #fff;
	border-radius: 10px;
	text-align: center;
	padding: 10px;
	width: 90%;
	margin: 5%;
	border: none;
	box-shadow: 2px 2px 2px #999;
	font-size: 1.5em;
}

.cadastrar>button:hover {
	background: #78e;
	transform: translate(-15px, -10px) rotate(-2deg);
}

@media only screen and (width > 600px) {
	.cadastrar>button {
		max-width: 700px;
	}
}

.comercios {
	display: flex;
	flex-wrap: wrap;
	width: auto;
}

@media only screen and (width > 600px) {
	.comercios {
		max-width: 1000px;
	}
}

.loja {
	width: 45%;
	max-width: 300px;
	height: 300px;
	margin: 0 auto;
	text-align: center;
	background-color: #ffffff;
	box-sizing: border-box;
	padding: 20px;
	border-radius: 10px;
	margin-top: 40px;
	border: 1px solid #bbb;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.loja:hover {
	transform: scale(1.1);
	border: 2px dashed #a50;
}

.logo {
	width: 50%;
	max-width: 100px;
	height: 40%;
	margin: 3px;
	border-radius: 50%;
	border: 1px solid #000;
}


.contatos {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

a {
	width: 100%;
	text-decoration: none;

}

.contato {
	width: 100%;
}

.banners {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 50px;
}

.banner {
	width: 90%;
	margin: 0 5%;
	border-radius: 10px;
}

@media only screen and (width > 500px) {
	.banner {
		max-width: 700px;
	}
}

figcaption {
	display: flex;
	justify-content: center;
}

figcaption>p {
	width: 30px;
	height: 10px;
	border-radius: 10px;
	margin: 10px;
	background: blue;
}

.categorias {
	/* position: fixed; */
	/* bottom: 10px; */
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	/* overflow: hidden; */

}

.categorias>img {
	width: 5em;
	height: 5em;
	border: 1px solid #324436;
	border-radius: 100%;
	object-fit: cover;
	/* border: 1px dashed #fff; */
	/* position: relative;
	top: 0px;
	left: 0px; */
}

footer {
	border-top: 1px solid #ccc;
	margin: 20px 0;
	text-align: center;
}

footer>p>a {
	text-decoration: none;
}