/**
  * Definir a largura e centraliza os itens da sanfona
  */
  .accordions{
      width:100%;
      margin:0 left;
      border:1px solid #ccc;
  }
  /**
  * Oculta o input
  */
  .accordion-item input{display:none;}
 
  /**
   * Aqui configura o label
   * que será parte clicável
  **/
  .accordion-item label{
      display:block;
      border:1px solid #ccc;
      background:#e5e5e5;
      cursor:pointer;
  }
 
  /**
  * Aqui o elemento que vai o conteúdo.
  * Define o height:0, para aplicarmos o efeito
  * colocamos overflow:hidden não mostrar o último item
  * O transition o tipo de efeito que queremos
  */
  .accordion-content{
      height: 0px;
      overflow: hidden;
      -webkit-transition: height 0.3s ease-in-out;
      -moz-transition: height 0.3s ease-in-out;
      -o-transition: height 0.3s ease-in-out;
      -ms-transition: height 0.3s ease-in-out;
      transition: height 0.3s ease-in-out;
  }
 
  /**
  * Selecionar o elemento que está precedente
  * do tipo com atributo checked, sendo
  * que o ID comece o accordion
  * E dentro dele, definimos a altura,
  * mostrando o conteúdo
  */
  [id^=accordion]:checked ~ .accordion-content {
      height: 100%;
	  margin-left: 5px;
	  margin-right: 5px;
	  text-align:justify
  }