.header
  background-color: white
  margin-bottom: 90px

  .container
    display: flex
    justify-content: space-between
    align-items: end
    height: 100%
    position: relative
    padding-top: 1rem
    border-bottom: 1px $gris dashed

    &::after
      content: ""
      border-top: 1px $gris dashed
      height: 1px
      bottom: -40px
      width: 100%
      position: absolute

  .title
    color: $gris
    text-align: center
    text-decoration: none

    h1
      font-size: 4rem
      font-family: subscriber
      word-wrap: break-word
      padding: 0
      margin: 0

    &::before
      background: url(/Blason_ville_Cremeaux_42.svg)
      background-size: contain
      background-repeat: no-repeat
      background-position: center
      width: 100%
      height: 70px
      display: block


.home .header
  margin-bottom: 58px

@media screen and (min-width: 800px)
  .home .title::before
    content: ""

@media screen and (min-width: 800px)
  .header button
    display: none
