/* Title section
-----------------------------------------------*/

.title-section {
  margin-bottom: 20px;
  text-align: center;
}

.title-section img {
  max-width: 200px;
  margin-bottom: 30px;
}

.title-section h1 {
  margin: auto;
  max-width: 800px;
  margin-bottom: 20px;
}

.title-section p {
  max-width: 500px;
  margin: auto;
  color: #757575;
}

/* Container
-----------------------------------------------*/

.feature-section {
  margin-top: 100px;
}


/* Media queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 860px) {
  .flex-wrapper, .feature-section {
    flex-flow: column;
  }

  .flex-wrapper img {
    max-width: 300px;
    align-self: center;
  }

  .flex-wrapper div {
    order: 2;
  }

  .flex-wrapper img.left, .flex-wrapper img.right {
    margin: 0px auto 50px auto;
    order: 1;
  }


}