.editorial{
  /*maintains the positioning and size of the entire block*/
  margin:1em;
  margin-left: 4em;
  margin-top: 12.3em;
}
#editorial{
  /*maintains the style of the heading*/
  font-family: sans-serif;
  font-size: 3em;
  border-left: 4px solid maroon;
  padding-left: 1em;
  color:maroon;
}
.editorial b{
  color:chocolate;
}
.editorial li{
  font-family: 'Vidaloka', serif;
  padding:0.5em;
  font-size: 1.3em;
  margin-left: 2em;
}
/************************************************Media Query***********************************/
/************************************************Media Query***********************************/
/*******************This portion of code used to manupulate the view in mobile and tablet*****/
@media (min-width: 768px) and (max-width: 1024px) {
  /* For tablet view*/
  .editorial li{
    font-size: 2em;
  }
  #editorial{
    font-size: 2em;
    padding-bottom: 0.5em;
  }
  .editorial{
    margin-left: 5em;
    margin-top: 16em;
  }
}
@media screen and (max-width: 900px) {
  /* for Mobile view*/
  .editorial{
    width:40em
    font-size: 1em;
    margin-top: 15em;
  }
  .editorial h3{
     font-size: 0.8em;
  }
}