@media screen and (max-width: 700px) {
 .whatweincludeparent {
    display: grid !important;
}
}
#block-whatweinclude #whatweinclude1 li,#block-whatweinclude .whatweinclude1 li {
  margin-bottom: 15px;
/*  -webkit-box-shadow: inset 2px 2px 20px 4px rgba(0,0,0,0.34); */
/*box-shadow: inset 2px 2px 20px 4px rgba(0,0,0,0.34);*/
-webkit-box-shadow: inset 2px 2px 18px 2px rgba(0,0,0,0.18); 
box-shadow: inset 2px 2px 18px 2px rgba(0,0,0,0.18);
  border: 4px groove rgba(28,110,164,0.5);
border-radius: 40px 0px 40px 0px;
  max-width: 450px;
  font-size: 18px;
  padding: 10px;
  list-style:none;
}
#block-whatweinclude #whatweinclude2 li,#block-whatweinclude .whatweinclude2 li {
  margin-bottom: 15px;
/*  -webkit-box-shadow: inset 2px 2px 20px 4px rgba(0,0,0,0.34); */
/*box-shadow: inset 2px 2px 20px 4px rgba(0,0,0,0.34);*/
-webkit-box-shadow: inset 2px 2px 18px 2px rgba(0,0,0,0.18); 
box-shadow: inset 2px 2px 18px 2px rgba(0,0,0,0.18);
  border: 4px groove rgba(28,110,164,0.5);
border-radius: 0px 40px 00px 40px;
  max-width: 450px;
  font-size: 18px;
  padding: 10px;
  list-style:none;
}
div#block-whatweinclude h2.title {
    text-align: center;
    margin-bottom:15px;
}
.whatweincludetext {
  margin: 0 30px 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.whatweincludediv {
  overflow: hidden;
  display: flex;
}
@keyframes ha1{
0%{
transform: translateX(-100px);
opacity:0;
}
25%{
transform: translateX(-75px);
opacity:0.25;
}
50%{
transform: translateX(-50px);
opacity:.5;
}
75%{
transform: translateX(-25px);
opacity:0.75;
}
100%{
transform: translateX(0);
opacity:1;
}
}
@keyframes ha2{
  0%{
  transform: translateX(100px);
  opacity:0;
  }
  25%{
  transform: translateX(75px);
  opacity:0.25;
  }
  50%{
  transform: translateX(50px);
  opacity:.5;
  }
  75%{
  transform: translateX(25px);
  opacity:0.75;
  }
  100%{
  transform: translateX(0);
  opacity:1;
  }
  }
#block-whatweinclude .whatweinclude1 li {
opacity: 0;
}
#block-whatweinclude #whatweinclude1 li:nth-child(1){
animation: 1.5s linear 0s 1 ha1;
animation-fill-mode: forwards; 
}
#block-whatweinclude #whatweinclude1 li:nth-child(2){
  animation: 1.5s linear 1.5s 1 ha1;
animation-fill-mode: forwards; 
}
#block-whatweinclude #whatweinclude1 li:nth-child(3){
animation: 1.5s linear 3s 1 ha1;
animation-fill-mode: forwards; 
}
#block-whatweinclude #whatweinclude1 li:nth-child(4){
   animation: 1.5s linear 4.5s 1 ha1;
animation-fill-mode: forwards; 
}
#block-whatweinclude #whatweinclude1 li:nth-child(5){
   animation: 1.5s linear 6s 1 ha1;
animation-fill-mode: forwards; 
}
#block-whatweinclude .whatweinclude2 li {
  opacity: 0;
  }
  #block-whatweinclude #whatweinclude2 li:nth-child(1){
  animation: 1.5s linear 0s 1 ha2;
  animation-fill-mode: forwards; 
  }
  #block-whatweinclude #whatweinclude2 li:nth-child(2){
    animation: 1.5s linear 1.5s 1 ha2;
  animation-fill-mode: forwards; 
  }
  #block-whatweinclude #whatweinclude2 li:nth-child(3){
  animation: 1.5s linear 3s 1 ha2;
  animation-fill-mode: forwards; 
  }
  #block-whatweinclude #whatweinclude2 li:nth-child(4){
  animation: 1.5s linear 4.5s 1 ha2;
  animation-fill-mode: forwards; 
  }
  #block-whatweinclude #whatweinclude2 li:nth-child(5){
  animation: 1.5s linear 6s 1 ha2;
  animation-fill-mode: forwards; 
  }