#promocao{
	padding-top: 6%;
}

#about, #projects, #localizacao, #contact, #card{
	padding: 0%;
}

#imgloja {
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
}

#cartao2 {
    margin: 1%;
    margin-left: 25%;
    width: 72px;
    text-align: center;
}

#contatodiv {
	margin-top: 0px;
}

#titulo {
	margin-top: 15px;
}

#contatobotao {
	margin-bottom: 2%;
	font-size: 12px;
}

#produtosdiv {
	margin: 0% 2% 0% 2%; 
}

#card {
	text-align: center;

}

.row {
	justify-content: space-between;
}

.top-section {
	padding-top: 3%;
}

.dataoferta {
	font-size: 12px;
}

.page-section {
	padding-top: 10px;
}

.fa-2x {
	color: #FFD800;
}
	
.fa-2x:hover {
	color: black;
}

#menu-mobile {
	max-height: 48px;
}

#barradiv {
	padding: 15% 10% 1% 10%;
}

@media screen and (min-width: 992px) {
	.fa-home {
		padding-right: 5%;
	}

	.fa-info {
		padding-right: 9%;
	}

	.fa-wrench {
		padding-right: 4%;
	}

	.fa-map-marker {
		padding-right: 7%;
	}

	.fa-comments {
		padding-right: 3%;
	}
	
}

@media screen and (max-width: 991px) {
	
	.menuitem {
		padding: 1%;
		margin: 2px 5%;
		width: 10%;
		float: left;
	}	
		
	.toggle-menu {
		margin-top: 0px;
		height: 60%;
	}
	
	.menuitem .fa-lg {
		color: #FFD800;
	}
	
	.menuitem .fa-lg:hover {
		padding-bottom: 8px;
		box-shadow: 0px 4px 0px 0px white;
		color: #FFD800;
	}

}

@media screen and (max-width: 575px) {
	
	#cartao1 {
		margin: 1%;
		width: 25%;
	}
	
	#card {
		padding-left: 7%;
	}
	
}