HEX
Server: Microsoft-IIS/8.5
System: Windows NT YDAWBH120 6.3 build 9600 (Windows Server 2012 R2 Standard Edition) AMD64
User: tentjecom_web (0)
PHP: 7.4.14
Disabled: NONE
Upload Files
File: D:/HostingSpaces/SBogers10/umans.komma.pro/wwwroot/css/partials/_underTitle.sass
#home
  .under-title-row
    background-color: $greyBackground
    .image-whiter
      max-width: none
      width: 100%

.under-title-row
  margin-top: 60px
  position: relative


  .image-whiter
    height: 450px
    max-width: none
    margin: auto
    +position(absolute, 0 0 null 0)
    z-index: -5
    +transform(translate3d(0,0,0))

    background: url('/img/image-whiter.png')
    background-size: contain
    background-repeat: repeat-x

  .under-title
    padding: 30px 0
    +flex(space-between, center)
    height: initial

    .large-logo
      +sprite(0 0, 248px, 67px)
      margin: 20px 0

    .customer-service
      +flex(space-between, center)

      .person-image
        border-radius: 9999px
        border: 1px solid $greyBackground
        background-size: cover
        background-position: 50%
        height: 100px
        width: 100px
        margin-left: 24px

      .information
        a
          font-size: 23px
          color: $fontColor1
        p
          font-size: 14px
          line-height: 14px
          color: $fontColor2
          margin-top: 7px

        span
          float: left
          +sprite(-300px 0, 26px, 24px)
          display: block
          margin-right: 10px
          margin-top: 2px

.isolation
  .under-title-row .under-title .large-logo
    +sprite(0 -70px, 248px, 67px) 

+media-query(($maxWidth + 40px))
  .under-title-row
    .under-title
      padding: 30px 20px
      width: calc(100% - 40px)

      //.customer-service
      //  .information
      //    a
      //      font-size: 22px
      //
      //    p
      //      font-size: 12px

+media-query(650px)
  .under-title-row
    padding-top: 105px
    margin-top: 0

    .under-title
      display: block
      padding-top: 0
      box-sizing: border-box

      .large-logo
        margin: 0 auto 45px
        display: block

      .customer-service
        width: 280px
        margin: 45px auto
        +flex(center, center)

        .person-image
          width: 85px
          height: 85px
          margin-left: 5px

        .information
          width: 190px
          a
            font-size: 20px
          p
            font-size: 13px
            span
              transform: scale(0.8)

        //.information
        //  a
        //    font-size: 20px

+media-query(400px)
  .under-title-row
    .under-title
      .customer-service
        margin-bottom: 0

+media-query(350px)
  .under-title-row
    .under-title
      padding-left: 0px
      padding-right: 0px
      .customer-service
        .person-image
          width: 75px
          height: 75px