@font-face{
	font-family: 'Avenir Next';
	src: url(AvenirNextLTPro-Regular.woff);
}

*{
	font-family: "Avenir Next", sans-serif !important;
	font-size: 18px;
	color: #EDF1FE;
}

body{
	background-color: black;
}

main{
	max-width: 975px;
	margin: 0 auto;
}

header a{
	color: #EDF1FE;
}

header a:hover{
	text-decoration: none;
	color: #88B04B;
}

.link a{
	color: #EDF1FE;
}

.link a:hover{
	text-decoration: none;
	color: #88B04B;
}

.navbar{
	padding: 0 15px;
}

#nav-menu{
	background-color: #2B272B;
	color: #EDF1FE;
	max-width: 975px;
	margin: 0 auto;
}

#nav-button{
	border: 1px solid #88B04B;
	max-width: 40px;
}

.icone-menu{
	display: inline-block; 
	margin: 5px;
}

.img-icone-menu{
	max-width: 20px;
}

.area-publicacao{
	margin-bottom: 50px;
	background-color: #2B272B;
	border-radius: 5px;
	padding: 15px;
	padding-bottom: 0;
}

.title{
	font-size: 1.5em;
	color: #88B04B;
}

.sub-title{
	font-size: 1.2em;
	color: #EDF1FE;
}

.icone{
	width: 35px;
	position: relative;
	bottom: 5px;
}

.sub-icone{
	width: 25px;
	position: relative;
	bottom: 3px;
}

.icone-footer{
	max-width: 20px;
}


.img-vmv{
	max-width: 100px;
}

.title-vmv{
	font-size: 1.5em;
	text-align: center;
	color: #88B04B;
}

.bg-vmv{
	background-color: none; 
}

.img-car{
	max-width: 100%;
}

.logoPatr img{
	background-color: #EDF1FE;
	padding: 10px;
	width: 100px;
	height: 100px;
	border-radius: 8%;
	object-fit: contain;
	margin: 10px;
}

.logoPatrEsp img{
	background-color: #373737;
	padding: 10px;
	width: 100px;
	height: 100px;
	border-radius: 8%;
	object-fit: contain;
	margin: 10px;
}

.membros img{
	background-color: #EDF1FE;
	width: 100px;
	height: 100px;
	border-radius: 8%;
	object-fit: cover;
	margin: 10px;
}

.leg-blog{
	color: #88B04B;
	/*border-top: 2px solid #88B04B;
	border-bottom: 2px solid #88B04B;*/
	background-color: 	rgba(237, 241, 254, 0.25);
	/*rever*/
}

.endereco{
	font-size: 0.8em;
	width: 85%;
}

#mapa{
    height:200px;
    width:300px;
}

.nome{
	font-size: 0.8em;
}

footer{
	max-width: 975px;
	margin: 0 auto;
}

footer li{
	font-size: 0.8em;
	list-style-type: none;
}

footer a, footer a:hover{
	font-size: 0.7em;
	text-decoration: none;
	color: #EDF1FE;
}

footer h1{
	font-size: 0.9em;
}

footer .endereco{
	font-size: 0.7em;
	width: 70%;
}

.area-footer{
	padding: 15px;
}

.form-control{
	background-color: #EDF1FE;
	border: none;
}

.form-control:focus{
	background-color: #EDF1FE;
  	box-shadow: none;
}

.btn{
	color: #EDF1FE;
	background-color: #2B272B;
	border: 1px solid #EDF1FE;
}

.btn:hover {
  color: #EDF1FE;
  text-decoration: none;
}

.btn:focus, .btn.focus {
	box-shadow: none;
}

.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active,
.show > .btn.dropdown-toggle {
	color: #EDF1FE;
  	background-color: #EDF1FE;
  	border-color: #EDF1FE;

}

.fotos{
	height: 300px;
}

/*media queries*/

@media (max-width: 399px){ /*correção para telas muito pequenas*/
	.logo-footer{
		max-width: 170px;
	}

	.fotos{
		height: 200px;
	}
}

/*small devices*/
@media (max-width: 575.98px){
	*{
		font-size: 16px; /*diminuindo letra para small devices*/
	}

	.logoPatr img{
		background-color: #EDF1FE;
		padding: 10px;
		width: 80px;
		height: 80px;
		border-radius: 8%;
		object-fit: contain;
		margin: 10px;
	}
	.logoPatrEsp img{
		background-color: #373737;
		padding: 10px;
		width: 80px;
		height: 80px;
		border-radius: 8%;
		object-fit: contain;
		margin: 10px;
	}
	.membros img{
	background-color: #EDF1FE;
	width: 80px;
	height: 80px;
	border-radius: 8%;
	object-fit: cover;
	margin: 10px;
	}
	
	.item-slider{
		max-height: 300px;
	}

	.item-slider img{
		max-height: 300px;
	}

	.fotos{
		height: 250px;
	}
}

/*medium devices*/
@media (min-width: 576px) and (max-width: 767.98px){
	.item-slider{
		max-height: 400px;
	}

	.item-slider img{
		max-height: 400px;
	}

	.logo-footer{
		max-width: 200px;
	}

	.fotos{
		height: 275px;
	}
}

/*large and extra large devices*/
@media (min-width: 768px){
	.item-slider{
		max-height: 500px;
	}

	.item-slider img{
		max-height: 500px;
	}

	.logo-footer{
		max-width: 250px;
	}
}

/*pagina a equipe*/
#margin-inicio{
	margin-top: 100px;
}