/** Shopify CDN: Minification failed

Line 7:0 Unexpected "<"
Line 132:0 Unexpected "<"

**/
<style>
.standard-padding {
    padding: 100px 0;

    @media (max-width: 1199px) {
        padding: 70px 30px;
    }

    @media (max-width: 767px) {
        padding: 50px 20px;
    }
}

.postGrid {
    display: flex;
    flex-direction: column;
    background: #f5efe3;

    .post-grid-contents {
        background: #f5efe3 !important;
        width: 100%;
        max-width: 1502px;
        display: flex;
        flex-direction: column;
        gap: 40px;
        position: relative;
        margin: 0 auto;

        @media (min-width: 1200px) and (max-width: 1920px) {
            max-width: 78.28vw;
        }

        @media (max-width: 1199px) {
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

      .header-text {

        h2 {
          font-size: 32px !important;
          margin: 0;
          margin-bottom: 20px;

          @media (max-width: 1199px) {
            font-size: 28px !important;
          }

          @media (max-width: 767px) {
            font-size: 24px !important;
          }
        }

        .header-description {
          display: flex;
          justify-content: space-between;
          align-items: center;

          @media (max-width: 1199px) {
            flex-direction: column;
          }

          p {
            margin: 0;
          }

          a {
            &.inside-btn {
              text-decoration: none;
              color: #121212;
              display: flex;
              justify-content: center;
              width: 100%;
              max-width: fit-content;
              background: #facf0d;
              padding: 13px 30px;
              border-radius: 4px;
              border: none;
              text-align: center;
              align-self: end;
              margin-top: 0;
              margin-left: 30px;
              cursor: pointer;
              font-family: 'Segoe UI', Arial;

              @media (max-width: 1199px) {
                align-self: center;
              }

              @media (max-width: 1199px) {
                align-self: center;
                margin-left: 0;
                margin-top: 24px;
              }
            }
          }
        }

      }

      .post-previews {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;

        @media (max-width: 1199px) {
            grid-template-columns: repeat(2, 1fr);
        }

        @media (max-width: 767px) {
            display: flex;
            flex-direction: column;
        }

        .post-preview {
            a {
                img {
                    width: 100%;
                }
            }
        }
      }
    }
}
</style>