/** Imagem **/

.imagem img {
	width: 100%;
	height: 320px;
	object-fit: cover;
	object-position: center;
	/*margin: -10px -9.5px 0px;*/
}


/** Título **/

.title {
  font-size: var(--bs-h1-font-size);
  font-weight: 800;
  text-align: center;
  margin: 4rem 0;
  color: var(--bs-primary);
}


/** card com informações de contato... telefone, links, email **/
.apoio .infos_contato {
  border: 2px solid var(--bs-gray-600);
  padding: 1.2rem 3.5rem;
  border-radius: 20px;
  width: max-content;
  margin: 3.7rem 0 0;
  color: var(--bs-gray-dark);
  margin-bottom: 9rem;
}
.apoio .infos_contato .infos_telefone p::before {
	content: "\f879";
  font-family: "font Awesome 5 Free";
  font-weight: 600;
  margin-right: 10px;
}
.apoio .infos_contato .infos_link a::before{
	content: "\f14d";
  font-family: "font Awesome 5 Free";
  font-weight: 600;
  margin-right: 10px;
}
.apoio .link-dowloand a::before{
	content: "\f56d";
  font-family: "font Awesome 5 Free";
  font-weight: 600;
  margin-right: 10px;
}

/** Texto **/
.apoio{
	line-height:32px;
}
.apoio p, 
.apoio ul,
.apoio ol, 
.apoio li {
  font-size: 16px;
}

.apoio h2 {
	/*font-size: var(--bs-h2-font-size);*/
	font-size:2.25rem;
	font-weight: 800;
}

.apoio h3 {
	font-size: var(--bs-h3-font-size);
	font-weight: 800;
}

.apoio h4 {
	font-size: var(--bs-h4-font-size);
}

.apoio h5 {
	font-size: var(--bs-h5-font-size);
}

.apoio h6 {
	font-size: var(--bs-h6-font-size);
}

.title-red {
	color: var(--bs-primary);
}
.apoio .clique-aqui{
		color: var(--bs-primary);
		text-transform: uppercase;
		text-decoration: none;
}


/** Links **/
.apoio a {
	color: var(--bs-black);
	text-decoration: none;
}
 .apoio p a {
  text-decoration:underline;
 }

.link-dowloand p a span{
	font-size:14px;
}
/****************************
*			Diferentes telas			*
*****************************/
  
@media (max-width: 768px)	{
  	
/******************************************************************** 
*			card com informações de contato... telefone, links, email			*
*********************************************************************/
	.apoio .infos_contato {
		 width:auto;
	}

	.apoio{
		line-height:26px;
	}

  .title {
		font-size: var(--bs-h1-font-size);
		margin:1rem 0 1.5rem 0;
  }

  .apoio h2 {
		font-size: var(--bs-h3-font-size);
		padding-bottom:1.51rem;
		font-weight: 800;
  }

  .apoio h3 {
		font-size: var(--bs-h3-font-size);
  }

  .apoio h4 {
  	font-size: var(--bs-h4-font-size);
  }

 .apoio p, 
 .apoio ul,
 .apoio ol, 
 .apoio li {
	  font-size: var(--bs-h7-font-size);
	  line-height: 26px;
	}

  .apoio p a {
	  font-size: 16px;
	  text-decoration:none;
	}

	.apoio img{
		width: 100%;
    object-fit: cover;
    border-radius: 1.125rem;
	}
}