@media (max-width: 880px) {

    .footer-distributed{
      font: bold 14px sans-serif;
    }
  
    .footer-distributed .footer-left,
    .footer-distributed .footer-center,
    .footer-distributed .footer-right{
      display: block;
      width: 100%;
      margin-bottom: 40px;
      text-align: center;
    }
  
    .footer-distributed .footer-center i{
      margin-left: 0;
    }
  
  }

@media (max-width: 830px) {

	.footer-distributed{
		font: bold 14px sans-serif;
		margin-top: 180px;
	  }
	
	  .footer-distributed .footer-left,
	  .footer-distributed .footer-center,
	  .footer-distributed .footer-right{
		display: block;
		width: 100%;
		margin-bottom: 40px;
		
		text-align: center;
	  }

    /*----------Menu---------*/
    .show-menu-btn, .hide-menu-btn{
		display: block;
	}

	.menu{
		position: fixed;
		width: 100%;
		height: 100vh;
		background-color: rgba(255, 255, 255, 0.9);
		right: -100%;
		top: 0;
		text-align: center;
		padding: 80px 0;
		line-height: normal;
		transition: 0.7s;
	}

	.menu a{
		display: block;
		padding: 20px;
	}

	.hide-menu-btn{
		position: absolute;
		top: 40px;
		right: 40px;
	}

	#chk:checked ~ .menu{
		right: 0;
	}

	/*-----artigos-----*/
	
	.column-artigos-left{
	  width: 30%;
	  margin-top: 30px;
	  margin-bottom: 30px;
	  margin-left: 10%;
	}
	
	.column-artigos-right{
	  width: 30%;
	  margin-top: 30px;
	  margin-bottom: 30px;
	  margin-right: 10%;
	}

	.column-videos{
		width: 80%;
		display: block;
		margin-left: auto ;
		margin-right: auto;
		margin-top: 30px;
		margin-bottom: 30px;
		
	  }

	.card-artigos-text p {
		color: #333;
		margin: 15px;
		font-size:14px;
		font-weight: 600;
		font-family: "montserrat", sans-serif;
	}
	
	/*------Espaço associado-------*/
	.card-sobre{
		width: 100%;
		height: 560px;
		margin-top: 40px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}

	.card-article-valdomiro{
		width: 60%;
		margin-bottom: 40px;
		background-color: #1d607d;
		height: 60%;
		border-radius: 15px;
		margin-left: 40px;
		margin-right: 40px;
	}

	.prev, .next{
		cursor: pointer;
		position: absolute;
		top: 40%;
		width: auto;
		padding: 16px;
		margin-top: -30px;
		color: #FF6400;
		font-size: 26px;
		font-weight: bold;
		transition: 0.6s ease;
		user-select: none;
	  }
}

@media (max-width: 768px) {
	.campos-form-2{
		margin-bottom: 1rem;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	  }

    .campos-form-3{
        margin-bottom: 1rem;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    .campos-form-4{
        margin-bottom: 1rem;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    .campos-form-5{
        margin-bottom: 1rem;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (max-width: 670px) {
	.titulo{
		text-align: center;
		font-family: 'montserrat', sans-serif;
		font-size: 28px;
		font-weight: 900;
		color: #1d607d;
		margin-top: 70px;
		margin-bottom: 70px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.card-artigos-left{
	  float: left;
	  display: grid;
	  max-width: 250px;
	  width: 100%;
	  grid-template-rows: 130px 100px 80px;
	  grid-template-areas: "image" "text" "stats";
	  border-radius: 18px;
	  background: white;
	  box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
	  font-family: roboto;
	  text-align: center;
	  margin-bottom: 20px;
	}
	
	.card-artigos-right{
	  float: right;
	  display: grid;
	  max-width: 250px;
	  width: 100%;
	  grid-template-rows: 130px 100px 80px;
	  grid-template-areas: "image" "text" "stats";
	  border-radius: 18px;
	  background: white;
	  box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
	  font-family: roboto;
	  text-align: center;
	  margin-bottom: 20px;
	}

	.card-artigos-image img{
		grid-area: image;
		width: 100%;
		height: 21vh;
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
		object-fit: cover;
	  }
	  
	
	.column-videos{
		width: 80%;
		display: block;
		margin-left: auto ;
		margin-right: auto;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	
	.card-artigos-text {
	  grid-area: text;
	  margin-top: 20px;
	  max-width: 250px;
	  width: 100%;
	}
	
	.card-artigos-text .date-artigos {
		color: #1d607d;
		font-size:12px;
		font-weight: 500;
		font-family: "montserrat", sans-serif;
	  }
	  .card-artigos-text p {
		color: #333;
		margin: 15px;
		font-size:12px;
		font-weight: 600;
		font-family: "montserrat", sans-serif;
	  }

	
	.botao{
		cursor: pointer;
		width: 100px;
		height: 35px;
		font-size: 12px;
		border-radius: 30px;
		margin: 5px;
	}
}

@media (max-width: 600px) {
    .column {
      flex: 100%;
      max-width: 100%;
    }
    .column-2 {
      flex: 100%;
      max-width: 100%;
    }

	.titulo-sobre{
		font-size: 26px;
	}

	.perguntas-sobre{
		font-size: 22px;
	}
}

@media (max-width: 530px) {
	.titulo{
		text-align: center;
		font-family: 'montserrat', sans-serif;
		font-size: 28px;
		font-weight: 900;
		color: #1d607d;
		margin-top: 70px;
		margin-bottom: 70px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.row-artigos{
	  width: 100%;
	  margin: auto;
	  overflow: hidden;
	}
	
	.column-artigos-left{
	  
	  width: 40%;
	  margin-top: 10px;
	  margin-bottom: 10px;
	  margin-left: auto;
	  margin-right: auto;
	}
	
	.column-artigos-right{
	 
	  width: 40%;
	  margin-top: 10px;
	  margin-bottom: 10px;
	  margin-left: auto;
	  margin-right: auto;
	}
	
	
	
	.card-artigos-left{
	  float: left;
	  display: grid;
	  max-width: 250px;
	  width: 100%;
	  grid-template-rows: 130px 100px 80px;
	  grid-template-areas: "image" "text" "stats";
	  border-radius: 18px;
	  background: white;
	  border: 1px solid rgba(0,0,0,0.2);
  	  box-shadow: 5px 5px 15px rgba(0,0,0,0.2);
	  font-family: roboto;
	  text-align: center;
	  margin-bottom: 0px;
	}
	
	.card-artigos-right{
	  float: right;
	  display: grid;
	  max-width: 250px;
	  width: 100%;
	  grid-template-rows: 130px 100px 80px;
	  grid-template-areas: "image" "text" "stats";
	  border-radius: 18px;
	  background: white;
	  border: 1px solid rgba(0,0,0,0.2);
  	  box-shadow: 5px 5px 15px rgba(0,0,0,0.2);
	  font-family: roboto;
	  text-align: center;
	  margin-bottom: 0px;
	}
	
	.card-artigos-image img{
	  width: 100%;
	  height: 20vh;
	  border-top-left-radius: 15px;
	  border-top-right-radius: 15px;
	  object-fit: cover;
	}

	.column-videos{
		width: 80%;
		display: block;
		margin-left: auto ;
		margin-right: auto;
		margin-top: 30px;
		margin-bottom: 30px;
	  }
	
	.card-artigos-text {
	  grid-area: text;
	  margin-top: 20px;
	  max-width: 250px;
	  width: 100%;
	}
	
	.card-artigos-text .date-artigos {
		color: #1d607d;
		font-size:12px;
		font-weight: 500;
		font-family: "montserrat", sans-serif;
	  }
	  .card-artigos-text p {
		color: #333;
		margin: 15px;
		font-size:12px;
		font-weight: 600;
		font-family: "montserrat", sans-serif;
	  }

	.botao{
		cursor: pointer;
		width: 100px;
		height: 35px;
		font-size: 12px;
		border-radius: 30px;
		margin: 15px;
	}
}

@media (max-width: 502px) {
	.centraliza-titulo{
		text-align: center;
		margin-top: 50px;
		margin-bottom: 15px;
		color: #1d607d;
		font-family: "montserrat", sans-serif;
		font-size: 20px;
	  }
}

@media (max-width: 450px){
	.card-artigos-text {
		grid-area: text;
		margin-top: 20px;
		max-width: 200px;
		width: 100%;
	  }

	  .card-artigos-left{
	  float: none;
	  display: grid;
	  max-width: 250px;
	  width: 100%;
	  grid-template-rows: 10px 100px 80px;
	  grid-template-areas: "image" "text" "stats";
	  border-radius: 18px;
	  background: white;
	  border: 1px solid rgba(0,0,0,0.2);
  	  box-shadow: 5px 5px 15px rgba(0,0,0,0.2);
	  font-family: roboto;
	  text-align: center;
	  margin-bottom: 20px;
	  margin-left: auto;
	  margin-right: auto;
	}
	
	.card-artigos-right{
		float: none;
		display: grid;
		max-width: 250px;
		width: 100%;
		grid-template-rows: 130px 100px 80px;
		grid-template-areas: "image" "text" "stats";
		border-radius: 18px;
		background: white;
		border: 1px solid rgba(0,0,0,0.2);
  	  box-shadow: 5px 5px 15px rgba(0,0,0,0.2);
		font-family: roboto;
		text-align: center;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (max-width: 460px) {
	.titulo{
		text-align: center;
		font-family: 'montserrat', sans-serif;
		font-size: 28px;
		font-weight: 900;
		color: #1d607d;
		margin-top: 70px;
		margin-bottom: 70px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.row-artigos{
	  width: 90%;
	  margin: auto;
	  overflow: hidden;
	}
	
	.column-artigos-left{
	  width: 100%;
	  margin-top: 30px;
	  margin-bottom: 30px;
	  
	}
	
	.column-artigos-right{
	  width: 100%;
	  margin-top: 30px;
	  margin-bottom: 30px;
	  
	}
	
	.card-artigos-left{
	  float: none;
	  display: grid;
	  max-width: 250px;
	  width: 100%;
	  grid-template-rows: 130px 100px 80px;
	  grid-template-areas: "image" "text" "stats";
	  border-radius: 18px;
	  background: white;
	  border: 1px solid rgba(0,0,0,0.2);
  	  box-shadow: 5px 5px 15px rgba(0,0,0,0.2);
	  font-family: roboto;
	  text-align: center;
	  margin-bottom: 20px;
	  margin-left: auto;
	  margin-right: auto;
	}
	
	.card-artigos-right{
		float: none;
		display: grid;
		max-width: 250px;
		width: 100%;
		grid-template-rows: 130px 100px 80px;
		grid-template-areas: "image" "text" "stats";
		border-radius: 18px;
		background: white;
		border: 1px solid rgba(0,0,0,0.2);
  	  box-shadow: 5px 5px 15px rgba(0,0,0,0.2);
		font-family: roboto;
		text-align: center;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.card-artigos-image img{
	  width: 100%;
	  height: 18vh;
	  border-top-left-radius: 15px;
	  border-top-right-radius: 15px;
	  object-fit: cover;
	}

	.column-videos{
		width: 80%;
		display: block;
		margin-left: auto ;
		margin-right: auto;
		margin-top: 30px;
		margin-bottom: 30px;
		
	  }
	  
	.card-artigos-text {
	  grid-area: text;
	  margin-top: 20px;
	  max-width: 250px;
	  width: 100%;
	}
	
	.card-artigos-text .date-artigos {
		color: #1d607d;
		font-size:12px;
		font-weight: 500;
		font-family: "montserrat", sans-serif;
	  }
	  .card-artigos-text p {
		color: #333;
		margin: 15px;
		font-size:12px;
		font-weight: 600;
		font-family: "montserrat", sans-serif;
	  }

	.botao{
		cursor: pointer;
		width: 100px;
		height: 35px;
		font-size: 12px;
		border-radius: 30px;
		margin: 15px;
	}

	.titulo-sobre{
		font-size: 20px;
	}

	.perguntas-sobre{
		font-size: 16px;
	}

	.card-sobre{
		width: 100%;
		height: 620px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}

	.login p{
		font-family: "montserrat", sans-serif;
		text-align: center;
		margin-top: 25px;
		font-size: 16px;
		color: #FFFFFF;
	}
	  
	.newsletter{
		font-size: 12px;
		text-align: center;
		color: #FFFFFF;
	}
	
}