#main{

	width: 100%;

	overflow: hidden;

	padding-top: 140px;

}

.mainBanner{

	width: 100%;

	overflow: hidden;

	height: auto;

	height: 400px;

}

.motivosBanner{

	display: flex;

	flex-flow: row nowrap;

	justify-content: center;

}

.motivosBox{

	width: 590px;

	align-self: center;

	overflow: hidden;

	display: flex;

	flex-flow: column nowrap;

}

.motivosBox a{

	align-self: flex-end;

}

.motivosFrase{

	width: 590px;

	height: 144px;

	background-image: url("../images/layout/motivos.svg");

	overflow: hidden;

}

.motivosEspaco{

	width: 50px;

	height: 50px;

}

.motivosImagem{

	width: 400px;

	height: 400px;

	align-self: center;

	background-image: url("../images/layout/powercontrol-e-pedalbox.jpg");

	background-size: cover;

}



/* LISTA MOTIVOS */

#motivosBox{

	width: 1200px;

	margin: 0 auto;

	display: flex;

	flex-flow: row wrap;

	justify-content: space-between;

	padding: 0 0 50px 0;

}

.motivo{

	width: calc(50% - 25px);

	overflow: hidden;

	margin-bottom: 30px;

}

.motivoDesc{

	width: 100%;

	font-size: 20px;

	background-color: #333;

	overflow: hidden;

	color: #FFF;

	display: flex;

	flex-flow: row nowrap;

}

.motivoFrase{

	align-self: flex-end;

	margin-bottom: 13px;

	line-height: 18px;

	padding-right: 10px;

}

.motivoNumero{

	font-size: 52px;

	margin: 0 10px;

	align-self: baseline;

	font-family: dtebold;

}

.motivoImagem{

	width: 100%;

	height: 200px;

	background-color: #CCC;

	background-size: cover;

	background-position: bottom;

}

.motivo01{

	background-image: url("../images/motivos/01.jpg");

}

.motivo02{

	background-image: url("../images/motivos/02.jpg");

}

.motivo03{

	background-image: url("../images/motivos/03.jpg");

}

.motivo04{

	background-image: url("../images/motivos/04.jpg");

}

.motivo05{

	background-image: url("../images/motivos/05.jpg");

}

.motivo06{

	background-image: url("../images/motivos/06.jpg");

}

.motivo07{

	background-image: url("../images/motivos/07.jpg");

}

.motivo08{

	background-image: url("../images/motivos/08.jpg");

}

.motivo09{

	background-image: url("../images/motivos/09.jpg");

}

.motivo10{

	background-image: url("../images/motivos/10.jpg");

}





@media(max-width: 1220px) {

	#motivosBox{

		width: 940px;

	}

	.motivoImagem{

		height: 160px;

	}

	.mainBanner{

		height: 400px;

	}

	.mainBannerFrase{

		font-size: 32px;

		margin-left: calc(50% - 500px);

	}

	.motivosBox{

		width: 490px;

	}

	.motivosFrase{

		width: 490px;

		height: 120px;

	}

	.motivosImagem{

		width: 380px;

		height: 380px;

	}

}

@media(max-width: 960px) {

	#motivosBox{

		width: calc(100% - 40px);

		flex-flow: column nowrap;

	}

	.motivo{

		width: 600px;

		align-self: center;

	}

	.motivoImagem{

		height: 210px;

	}

	#main{

		padding-top: 94px;

	}

	.mainBannerFrase{

		width: 300px;

		font-size: 32px;

		margin-left: calc(50% - 150px);

		margin-top: 10px;

	}

	.mainBanner{

		height: 250px;

	}

	.motivosBox{

		width: 300px;

	}

	.motivosFrase{

		width: 300px;

		height: 74px;

	}

	.motivosImagem{

		width: 250px;

		height: 250px;

	}

}

@media(max-width: 680px) {

	.motivo{

		width: 400px;

		align-self: center;

	}

	.motivoImagem{

		height: 145px;

	}

	#main{

		padding-top: 94px;

	}

	.mainBannerFrase{



	}

	.mainBanner{

		height: auto;

	}

	.imageBanner{

		height: 300px;

	}

	.motivosBanner{

		flex-flow: column nowrap;

	}

	.motivosBox{

		width: 300px;

	}

	.motivosEspaco{

		width: 0px;

		height: 0px;

	}

	.motivosFrase{

		width: 300px;

		height: 74px;

		margin: 20px 0;

	}

	.motivosImagem{

		width: 250px;

		height: 250px;

	}

}

@media(max-width: 460px) {

	.motivo{

		width: 300px;

		align-self: center;

	}

	.motivoImagem{

		height: 130px;

	}

	.motivoNumero{

		font-size: 42px;

	}

	.motivoDesc{

		font-size: 16px;

	}

	.motivoFrase{

		margin-bottom: 8px;

	}

}