.section5{
	display: grid;
	margin: auto;
	width: 100%;
	grid-template-columns: repeat(2, 1fr);
	max-width: 1800px;
}

.div5{
  display: grid; 
  align-items:stretch; 
  justify-items: end;
}

.wrapper5 {
  width: 80%; 
  min-width: 200px;
  display: grid;
  grid-template-rows:auto repeat(6,1fr);
  column-gap: 2%;
  row-gap: 1%;
  grid-template-columns: 1fr 1fr;
}


.wrapper5-box1 {
  grid-column: 1/3;
  grid-row: 2/11;
  display: grid;  
  align-items: stretch;
  justify-items: center;
  

}

.wrapper5-box2 {
  grid-row: 2/3;
  grid-column: 1/3;
  display: grid;  
  align-items: center;
}

.wrapper5-box3 {
  grid-row: 3/4 ;
  grid-column: 1/3;
  display: grid;  
  align-items: center;
  justify-items: center;
}

/*Nombre Apellidos*/
.wrapper5-box4 {
  grid-row: 4/5;
  grid-column:1/3;
  display: grid; 
}
/*Celular*/
.wrapper5-box5 {
  grid-row:5/6 ;
  grid-column: 1/3;
  display: grid;  
}

/*Fecha
.wrapper5-box6 {
  grid-row: 6/7;
  grid-column: 1/3;
  display: grid;  
}/*
/*DNI*/
.wrapper5-box7 {
  grid-row: 6/7;
  grid-column: 1/3;
  display: grid;  
}
/*Ciudad*/
.wrapper5-box8 {
  grid-row: 7/8;
  grid-column: 1/3;
  display: grid;  
}

.wrapper5-box9 {
  grid-row: 8/9;
  grid-column: 1/3;
  display: table-footer-group; 
  margin-left: 8%;
}

.wrapper5-box10 {
  grid-row: 9/10;
  grid-column: 1/3;
  display: table-footer-group; 
  margin-left: 8%;
}

.wrapper5-box11 {
  grid-row: 10/11;
  grid-column: 1/3;
  display: grid;  
}

.input {
    border-radius: 20px;
    border-color: #f8f8f8;
    width: 85%;
    padding-left: 12px;
    border-width: thin;
    border-style: solid;
    cursor: grabbing;
    margin-left: auto;
    margin-right: auto;
}

.input:hover{
  background: #f8f8f8;
  
}

.input:focus{
  border: none;
  outline: none;
}

.btn{
	background-color: transparent;
  border-color: none;
  border: none;
}

.familia-png{
  width: 100%; 
  align-items: stretch; 
}

/*css checkbox*/
.checkbox{
  appearance: none;
  cursor: pointer;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
    width: 13px;
    height: 13px;
    appearance: none;
    border: 1px solid #60269E;
    border-radius: 50%;
}

.checkbox:checked {
  background-color: #60269E;
}

.input:checked {
  background-color: #60269E;
}

.cursor{
  cursor: grabbing;
}

@media screen and (max-width: 900px){ /*RESPONSIVE*/
  .input{
  min-width: 65px; /*estaba en 75*/
  font-size: x-small;
  padding-left: 2px;
}


  .familia-png{
  min-width: 160px;
  }
  .familia-png:focus{
  -webkit-transform: rotatey(360deg);
  transition: 2s ease-in-out;
  }

}

@media screen and (max-width: 900px){ /*RESPONSIVE*/
  .wrapper5{
    /*grid-template-rows:1rem auto repeat(7,1rem) 2rem 1rem;*/
    width: 80%;
    min-width: 150px;
  }

  

  .div5{
  align-items:end; 
  }
}

@media screen and (max-width: 500px){
  .section5{
  grid-template-columns: 1fr 4fr;
  }
}