@media all and (min-width: 320px) {
  /***********************
  PAGINA: ELECTROMAGNETISMO
  ************************/
  #photo li:nth-child(5) {
    clear: left;
  }
}
@media all and (min-width: 425px) {
  /***********************
  PAGINA: CIRCUITOS ELECTRICOS
  ************************/

  #image li {
    width: 20%;
  }

  #image li:nth-child(5) {
    clear: left;
  }
  #image li:nth-child(9) {
    clear: left;
}

/***********************
PAGINA: ELECTROMAGNETISMO
************************/

#photo li {
  width: 20%;
}

#photo li:nth-child(5) {
  clear: left;
}
#photo li:nth-child(9) {
  clear: left;
}

}
@media all and (min-width: 480px) {

  /***********************
  PAGINA: CONTACTO
  ************************/

 #primary {
  width: 50%;
  float: left;
  }

 #secondary {
  width: 40%;
  float: right;
  }

/***********************
PAGINA: SOLUCIONARIO
************************/

#gallery li {
  width: 28.333%;
}

#gallery li:nth-child(4n) {
  clear: left;
}


/***********************
PAGINA: CIRCUITOS ELECTRICOS
************************/

#image li {
  width: 20%;
}

#image li:nth-child(13n) {
  clear: left;
}

/***********************
PAGINA: ELECTROMAGNETISMO
************************/

#photo li {
  width: 20%;
}

#photo li:nth-child(5) {
  clear: left;
}
#photo li:nth-child(9) {
  clear: left;
}
#photo li:nth-child(10) {
  clear: left;
}
#photo li:nth-child(14) {
  clear: left;
}
/***********************
PAGINA: ACERCA DE
************************/

.profile-photo {
  float: left;
  margin: 0 5% 80px 0;
}
}
@media all and (min-width: 660px) {


  /***********************
  PAGINA: ACERCA DE
  ************************/

  nav {
    background: none;
    float: right;
    font-size: 1.125em;
    margin-right: 5%;
    text-align: right;
    width: 45%;
  }

#logo {
  float: left;
  margin-left: 5%;
  text-align: left;
  width: 45%;
}
 h1 {
   font-size: 2.5em;
 }
 h2 {
   font-size: 0.825em;
   margin-bottom: 20px;
 }

 header {
   border-bottom: 5px solid #33adff;
   margin-bottom: 60px;
 }
}