@media screen and ( min-width: 768px )

.segment__wrap
  display: flex
  flex-wrap: nowrap
  flex-direction: row
  width: 100vw
  max-height: 100vh

.segment__left, .segment__right
  height: 100vh
  display: flex
  flex-direction: column
  justify-content: center

.segment__left
  width: 40vw

.segment__right
  width: 60vw

.segment__gaurentee
  //flex-direction: row
  height: 50%
  justify-content: space-around
  //padding: 0
  //text-align: left

  .site__logo
    height: 10vh

.strap__guarantee
  border: none
  //border-left: solid 2px $pure-white
  width: 35vw
  margin: 0
  padding: 0 3rem

.segment__keywords
  width: 100%
  height: 60%
  max-height: 800px
  flex-direction: column
  flex-wrap: nowrap
  padding: 10rem 0
  & > *
    padding: 0

.data__strap
  h1
    display: block

.svg__labels

  & > .svg--text
    font-size: $font-size