.seriesList{

  font-size: 4vw;
  list-style-type: none;
  padding: 0;
  line-height: normal;

  margin: 15vh 0vw 0vh 8vw;

}

/* .seriesList a{
  color:white;
}

.seriesList a:hover{
  color:black;
} */

.seriesEntry{
  margin-bottom:3vh;
  display:flex;
  flex-direction: row;
}

.seriesNumber{
  font-size: 2.25vw;
  margin-top:1.5vw;
  width:10%;
}

.seriesTitle{
  width:90%;

}

.left{
  border-right: 1.5px solid black;
}



@media (max-width:900px) {

  .left{
    border-right: none;
  }

  .left h2{
    text-align: left;
  }

  .context{
    margin-left: 7vw; /*gets 1vw from the left padding*/
    margin-right: 8vw
  }

  .context p{
    font-size: 5vw;
  }

  .seriesList{
    font-size: 8vw;
    margin: 2vh 0vw 0vh 8vw;
  }

  .seriesNumber{
    font-size: 4.25vw;
    margin-top:3.5vw;
    width:10%;
  }


  .mobile-hide{
    display:none;
  }

}