.container,
.inner_container
{
  flex-direction: row;
}


#intro
{
  align-items: center;
}
#intro_imagebox
{
  order: 2;
  flex-basis: 39%;
}
#intro_text
{
  order: 1;
  flex-basis: 60%;
}
#intro_image
{
  max-width: 500px;
}


#why
{
  align-items: center;
}
#why_imagebox
{
  order: 1;
  flex-basis: 20%;
}
#why_text
{
  order: 2;
  flex-basis: 80%;
}
#why_image
{
  max-width: 250px;
}

#how
{
  align-items: center;
}
#how_image_1box
{
  order: 2;
  flex-basis: 40%;
}
#how_text_1
{
  order: 1;
  flex-basis: 60%;
}
#how_image_2box
{
  order: 2;
  flex-basis: 30%;
}
#how_text_2
{
  order: 1;
  flex-basis: 70%;
}
#how_image1
{
  max-width: 300px;
}
#how_image2
{
  max-width: 175px;
}