@media screen and (orientation: portrait) and (min-width: 640px) {
    #flexio-logo{
        margin: 8rem auto 1rem;
    }
    #client-logo{
        max-height: none;
    }
}

@media screen and (orientation: landscape) and (min-width: 640px), screen and (orientation: portrait) and (min-width: 800px) {
    .flx-wrapper{
        max-width: 100%;
        width: 50rem;
        margin: 0 auto;
    }

}

@media screen and (orientation: landscape) and (min-width: 1100px) {
  html{
    font-size:68%;
  }
  #flexio-logo{
        margin: 8rem auto 1rem;
    }
}