*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Roboto";
}

.container{
	max-width: 960px;
	padding: 0 2%;
	margin: 0 auto;
}
/*
a{
	text-decoration: none;
}*/

/*.center{
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 2%;
}*/

.clear{clear: both;}

header{
	background: #5085a5; /*#5e3ea1- #7091E6*/
	padding: 10px 0;
}

header > .center{
	display: flex;
}

.logo-desktop{
	float: left;
	color: white;
	font-size: 21px;
	width: 50%;
}

.logo-desktop a{
	text-decoration: none;
	color: white;
	font-size: 18px;
}

nav.mobile{
	display: none;
}

nav.desktop{
	float: right;
}
nav.desktop li{
	display: inline-block;
	padding: 0 15px;
}

nav.desktop a{
	color: white;
	text-decoration: none;
}

nav.desktop a:hover{
	text-decoration: underline;
}


/*
.menu{
	text-align: right;
	width: 50%;
}
.menu ul{list-style-type: none;}
.menu li{
	margin-right: 10px;
	font-size: 15px;
	display: inline-block;
}

.menu a{
	color: white;
}*/


section.texto-chamada{
	background: #31708E ; /*#4c3282  */
	padding: 30px 0;
	text-align: center;
	color: white;
}

section.texto-chamada i{
	font-size: 40px;
}
section.texto-chamada h2,
section.texto-chaamada h3{
	
	font-weight: normal;
}

section.texto-chamada h2 > b{
	color: rgb(231,66,107);
}

section.loja{
	padding: 30px 0;
}

section.loja > .center{
	display: flex;
	flex-wrap: wrap;
}

.loja-wraper{
	width: 33.3%;
	padding: 20px;
}

.box-single-loja{
	height: 100%;  /*aqui faz com que o quadro fique do mesmo tamanho no texto   */
	border: 1px solid rgb(225,225,225);
	
}

.box-single-loja img{
	max-width: 100%;
}

.box-single-loja h2{
	text-align: center;
	padding: 0 8px;
	font-weight: normal;
}
.box-single-loja p{
	padding: 0 8px;
	font-size: 15px;
	color: rgb(10,10,10);
}
.loja-wraper a{
	color: white;
	background: #5fb382;
	padding: 10px 8px;
	text-align: center;
	display: block;
	width: 100%;

}

section.novidades{
	padding: 30px 0;
}
/* Elementos do boot CSS*/
.text-right{text-align: right;}


.w50{
	float: left;
	width: 50%;
	padding: 0 15px;
}

.w50 h1{
	,margin-bottom: 15px;
	font-size: 26px;
	font-weight: normal;
	color:  #4b4b4b;
}

.box-single-noticia{
	padding: 20px 0;
	border-bottom: 1px dotted #ccc;
}

.box-single-noticia h2{
	font-size: 21px;
	font-weight: bold;
	color:  rgb(100,100,100);

}


.box-single-noticia p{
	font-size: 16px;
	font-weight: normal;
	color:  rgb(110,110,110);
	text-align: justify;  /* TESTANDO   */

}

.depoimentos ul{
	list-style-position: inside;
}

.depoimentos li{
	margin-bottom: 10px;
	font-size: 16px;
	color:  rgb(110,110,110);
}

footer{
	padding: 20px 0;
	background: #31708E;
	color: white;
}



@media screen and (max-width: 768px){
	.logo-desktop,
	nav.desktop{

		display: none;
	}

	.logo-mobile a{
		text-decoration: none;
		color: white;
		font-size: 18px;
	}

	nav.mobile{
		position: relative;
		text-align: center;
		display: block;
		width: 100%;
	}

	nav.mobile h3{
		cursor: pointer;
		position: absolute;
		left: 0;
		top: 0;
		color: white;
	}

	nav.mobile ul{
		display: none;
		background: #333;
		position: absolute;
		left: -2%;
		top: 27px;
		width: 104%;
		text-align: center;
	}

	nav.mobile li{
		padding: 8px 0;
		border-top: 1px solid white;
	}
	nav.mobile a{
		color: white;
		text-decoration: none;
	}



	.loja-wraper{
		width: 100%;
		max-width: 500px;
		padding: 20px;
		margin: 30px auto;
	}

	.w50{width: 100%;margin-bottom: 30px;}
}