.home_button_container{
  text-align: center;
  margin: 5%;
}

.home_button_img{
  width: 30%;
}

.char_img_wrapper{
  display: flex;
  justify-content: space-between;
  width:100%;
  height: 200%;
  
}

.char_img_container{
  text-align:center;
  margin: 5%;
}

.logo_container{
  text-align: center;
  margin: 5%;
}

.logo_img{
  width: 30vw;
}

@media screen and (max-width:1000px){
.home_button_container{
  text-align: center;
  margin: 5%;
}

.home_button_img{
  width: 30%;
}

.char_img_wrapper{
  display: inline;
  
}

.char_img_container{
  text-align:center;
}

.logo_container{
  text-align: center;
  margin: 5%;
}

.logo_img{
  width: 60%;
}
}