body {font-family: Calibri, Ariel, Verdana, sans-serif;}
  img {width:100px;}
  .flex1{
    display:flex;
    height: 300px;
    justify-content: center;
    background-color: lightgreen;
    align-items: center;
  }
  .flex1 .ruta{
      background-color: white;
      width: 100px;
  }
  .small{
      font-size:x-large;
  }
  .flex2{
      background-color: yellow;
      display: flex;
      justify-content: space-around;
      align-items: flex-start;
      height: 300px;
  }
  .flex2 .ruta{
      background-color: red;
      width: 100px;
  }
  .flex2 .ruta:nth-child(odd){
      background-color: blue;
      align-self: flex-end;
  }
  }