body
  background: $white
  font-family: 'Concourse T3'
  font-weight: normal
  font-style: normal
  font-size: 23px
  line-height: 34px
  color: $gray
.container
  max-width: 1380px
  width: 60%
  margin: 0px auto
  box-sizing: border-box
  padding-left: 10px
  padding-right: 10px
  &--fluid
    max-width: 1920px
    width: 100%
    padding-left: 0px
    padding-right: 0px
    margin: 0px auto
  &--row
    max-width: calc(100% + 120px)
    margin-left: -60px
    margin-right: -60px



.flex-grid
  display: flex
  align-items: center
  justify-content: space-between


h1,h2,h3,h4
    font-weight: bold
    color: $black
    margin-top: 1.7rem
    padding-bottom: 10px

h1
    font-size: 1.8em

h2
    font-size: 1.4em

h3
    font-size: 1.2em



.base-text
  font-family: 'Concourse T3'
  font-weight: normal
  font-style: normal
  font-size: 23px
  line-height: 34px
  color: $gray

.base-title
  color: $black
  font-family: 'Concourse T2'
  font-size: 33px
  font-weight: 700
  line-height: 41px  

@media screen and (max-width: 1240px)
  html,
  body
    max-width: 1240px
    width: 100%
    overflow-x: hidden
  .container
    padding-left: 30px
    padding-right: 30px
    &--fluid
      max-width: 100%
      padding-left: 0px
      padding-right: 0px
    &--row
      max-width: calc(100% + 60px)
      margin-left: -30px
      margin-right: -30px
@media screen and (max-width: 640px)
  html,
  body
    max-width: 640px
    width: 100%
    overflow-x: hidden
  .container
    padding-left: 30px
    padding-right: 30px
    &--fluid
      max-width: 100%
      padding-left: 0px
      padding-right: 0px
    &--row
      max-width: calc(100% + 60px)
      margin-left: -30px
      margin-right: -30px