.renovation-block
  padding: 45px 0 120px
  background: $beige
  position: relative

  .video-frame
    padding: 10px 0 0 10px
    background: $beige
    margin: 50px auto

  h2
    +font-header(36px)
    color: white
    text-align: center
    position: relative
    z-index: 5

  .background
    +position(absolute, 0 0 0 0)
    width: 100%
    height: 100%

    .einstein
      +position(absolute, null null 10% -2%)
      height: 282px
      width: 20%
      max-width: 280px
      +transform(rotate(16deg))
      +transition(all 0.3s)
      img
        width: 100%

    .background-image
      +position(absolute, 0 0 0 0)
      width: 100%
      height: 100%
      background: url('/img/bg_video.jpg') 50% 50%
      background-size: cover
      opacity: 0.9

    .position
      width: 230px
      text-align: center
      position: relative
      z-index: 5
      padding-top: 40px


    .logo
      width: 75%
      max-width: 180px
      margin: auto
      display: inline-block
      img
        width: 100%

  .content
    position: relative
    z-index: 5

    p
      color: white
      +column-count(2)
      +column-gap(40px)

+media-query(1200px)
  .renovation-block
    .background
      .einstein
        left: -5%

+media-query(900px)
  .renovation-block
    .content-container
      width: 100%
    .content
      width: 80%
      margin: auto
      float: none
      p
        +font-default(20px, 28px)

    .background .einstein
      opacity: 0.3

+media-query(450px)
  .renovation-block
    .content
      p
        +column-count(1)
        +column-gap(0px)