html {
	font-family: 'Raleway', sans-serif;
	box-sizing:border-box;
	background-color:rgb(244,244,244);
	color:rgb(160,0,0);
}

h3 {
	color:rgb(0,120,0);
}

h4 {
	font-weight: normal;
}

body {
	margin:0;
}

.main-header {
	margin:0;
	text-align:center;
	padding-bottom:10px;
	background-color:white;
}

.main-header img {
	width:80%;
	max-width:700px;
}

.navigation {
	background-color:rgb(244,244,244);
}

.navigation ul {
	font-weight:bold;
	text-align:center;
	margin:auto;
	padding:0;
}

.navigation li {
	display:inline;
}

.navigation a {
	color:rgb(0,120,0);
	display:inline-block;
	padding:1.2em;
	text-decoration:none;
}

#banner {
	text-align:center;
	margin:0;
	background-image:url('../images/mo100grande.jpg');
	background-size:100%;
	background-position:center;
	width:100%;
	min-height:250px;
}

#banner h1 {
	font-weight:bold;
	color:white;
	margin:0;
	font-size:40px;
	line-height:1.6em;
	position:center;
	padding-top:70px;

}

#produtos {
	padding-top:0;
	margin:0 10% 5% 10%;
}

#produtos h1 {
	margin:0;
	padding-top:30px;
	color:rgb(0,120,0);
	text-align:center;
	font-size:2em;
}

#produtos h2 {
	padding-left:10%;
	font-weight:normal;
}

.caixa {
	margin:50px;
	background-color:white;
	text-align:center;
	height:550px;
	width:400px;
}

.caixa h3 {
	font-size:1.5em;
	color:rgb(0,120,0);
}

.caixa img {
	width:100%;
}

.subtitle {
	font-size:1em;
	text-align:center;
	padding-top:10px;
	margin:0;
}

.flexbox-container {
	display:flex;
	flex-wrap:wrap;
	justify-content: center
}

.flexbox-item {
	width:300px;
	margin:10px;
	background-color:white;
	text-align:center;
}

.flexbox-item img {
	width:100%;
}

.flexbox-item-transparent {
	width:150px;
	margin:10px;
	text-align:center;
}

.flexbox-item-transparent img {
	width:100%;
}

#marcas {
	padding-top:0;
	padding-bottom:30px;
	background-color:white;
}

#marcas h1 {
	margin:0;
	padding-top:30px;
	color:rgb(0,120,0);
	text-align:center;
	font-size:2em;
}

#marcas h2 {
	font-weight:normal;
}

#contato {
	text-align:center;
	padding-top:0;
	margin:0 10% 50px 10%;
}

#contato h1 {
	margin:0;
	padding-top:30px;
	color:rgb(0,120,0);
	text-align:center;
	font-size:2em;
}

#contato h2 {
	text-align:center;
	font-size:1.2em;
}

#contato img {
	width:100px;
}

#contato a {
	text-decoration:none;
}

#main-footer {
	background-color:white;
	text-align:center;
	padding:10px;
}