#navbar-services {
  background-color: #2C374B;
  color: #2C3639;
  position: fixed; /* Make it stick/fixed */
  top: 0;
  width: 100%; /* Full width */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  z-index: 3;
}



    #treatments{
      min-height: 80vh;
      justify-content: center;
      align-items: center;
      margin-top: 80px;
  }

  #treatments .container{
      margin: 100px;
      padding-top: 20px;
    }

    .treatments-container {
      text-align: center;
    }


    #treatments h2{
      font-size: 32px;
      text-align: center;
      text-transform: uppercase;
      color: #8F9AB0;
      text-decoration: underline;
      text-decoration-color: #D1a080;
      text-underline-offset: 6px;
    }

    #treatments h3{
      font-size: px;
      text-align: center;
      text-transform: uppercase;
      padding-top: 5%;
      margin: 0;
    }


    #treatments p{
      text-align: center;
    }

    #treatments .text-container{
       display: flex;
       padding-top: 50px;
    }

    #treatments .text-container .text-box{
      margin: 15px;
      padding: 20px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      border-radius: 8px;
      color: rgb(19, 19, 19);
      font-family: 'Nunito Sans', sans-serif;
      background: #fafafa;
      text-align: center;
    }

    #treatments .text-container .text-box h3{
      font-size: 26px;
      text-align: center;
      text-transform: uppercase;
      margin-bottom: 10px;
      color: #8F9AB0;
      font-family: Audrey, sans-serif;
    }

    .text-box a{
      font-size: 80%;
      color: #8897b4;
    }

    .skewed {
      position: absolute;
      top: -30;
      bottom: 0;
      right: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #fafafa;
      z-index: -1;
      transform: skewY(-2deg);
      transform-origin: top left;
    }

    .text-container-bottom {
      margin-bottom: 100px;
    }


    @media (max-width: 500px) {

      #treatments h3 {
        font-size: 16px;
      }

      #treatments h2{
        font-size: 28px;
      }
      
      #treatments .text-container {
        display: block;
        padding-top: 25px;
      }

      #treatments .text-container .text-box h3{
        font-size: 15px;
      }

      #treatments .text-container .text-box p{
        font-size: 13px;
      }

      #eden-logo {
        padding-bottom: 20px;
      }


    }