*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* color de fondo */
body {
    font-family: Helvetica, sans-serif;
}

/* Linea de tiempo */
.timeline {
  position: relative;
  
  margin: 0 auto;
  
}

/* Linea de tiempo*/
.timeline::after {
  content: '';
  position: absolute;
  width: 12px;
  background-color: orange;
  top: 0;
  bottom: 0;
  left: 100px;
  }

.container,
.portada {
  
  min-height: 100vh;
  padding: 10px 40px 10px 140px ;
  position: relative;
  
  width: 100%;
}


/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
  .timeline::after {
    left: 31px;
  }
}

.tit-portada{
    position: absolute;
    top: -70px;
    left: -70px;
    width: 100%;
}

.portada {
   background: url("img/lima.jpg") repeat fixed center;
   background-size: cover;
   background-position: center;
   min-height: 100vh;
   position: relative;
}

.investigacion ,
.desarrollo {
    background: url("img/lila.jpg") repeat fixed center;
}

.ideacion ,
.resultado {
  background: url("img/verde.jpg") repeat fixed center;
}

.boceto {
  background: url("img/rosado.jpg") repeat fixed center;
}