#section4characters{
  padding-bottom: 50px;
}
#section4characters h1{
  color: #a2333b;
  font-family: EscolarNormal;
  text-shadow: 1px 2px black;
}
#section4characters h2{
  color: #FAB813;
  font-family: EscolarNormal;
  text-shadow: 1px 2px black;
}
#section4charactersCharacterPicture img{
  width: 100%;
}
#section4characters p{
  font-family: EscolarNormal;
  text-shadow: 1px 0.5px #b9b9b9;
  text-align: left;
}

/********** MEDIA QUERIES PORTRAIT*********/
/* XS */
@media screen and (min-width: 320px ) and (orientation:portrait) {
  #section4characters p{
    font-size: 26px;
  }
  #section4characters h1{
    font-size: 60px;
    margin-top: 30px;
  }
  #section4characters h2{
    font-size: 40px;
    margin-top: 30px;
  }
  #section4charactersCharacterPicture img{
    width: 90%;
  }
  #section4charactersCharacterText{
    margin-top: 30px;
  }
}
/* SM */
@media screen and (min-width: 768px) and (orientation:portrait){
  #section4characters h1{
    font-size: 70px;
    margin-top: 65px;
  }
  #section4characters p{
    font-size: 32px;
  }
}
/* MD */
@media screen and (min-width: 992px) and (orientation:portrait){
  #section4charactersCharacterPicture img{
    width: 80%;
  }
  #section4characters p{
    font-size: 26px;
    margin-top: 20px;
    text-align: justify;
  }
}
/* LG */
@media screen and (min-width: 1200px) and (orientation:portrait){
}

/********** MEDIA QUERIES LANDSCAPE*********/
/* XS */
@media screen and (min-width: 320px ) and (orientation:landscape) {
  #section4characters h1{
    font-size: 60px;
    margin-top: 30px;
  }
  #section4characters img{
    width: 60%;
  }
  #section4charactersCharacterText{
    font-size: 26px;
    margin-top: 25px;
  }
  #section4characters p{
    margin: 0px 30px 30px 30px;
    text-align: justify;
  }
}
/* SM */
@media screen and (min-width: 768px) and (orientation:landscape){
  #section4characters img{
    width: 90%;
  }
}
/* MD */
@media screen and (min-width: 992px) and (orientation:landscape){
  #section4characters h1{
    font-size: 70px;
    margin-top: 85px;
  }
  #section4characters h2{
    font-size: 40px;
    margin-top: 50px;
  }
  #section4characters img{
    width: 80%;
  }
  #section4characters p{
    margin: 0px 40px 30px 40px;
  }
}
/* LG */
@media screen and (min-width: 1200px) and (orientation:landscape){
}