body.path-frontpage {
  header.site-header {
    display: none;
  }
  background: var(--color-bg);
  main {
    #block-protocole-content {
      .clearfix {
        > .wp-block-group:first-of-type {
          min-height: calc(100vh - 33px);
          max-height: calc(100vh - 33px);
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0px;
          margin: 0px 0px;
          > .wp-block-group__inner-container {
            max-width: calc(100% - 60px);
            h1 {
              position: relative;
              text-align: center;
              text-transform: uppercase;
              font-family: var(--font-mono);
              letter-spacing: var(--letter-spacing-title);
              font-weight: var(--font-weight-bold);
              color: var(--color-primary);
              &:before {
                content: "";
                display: block;
                width: 180px;
                height: 1.5px;
                background-color: var(--color-primary);
                margin: 0px auto 12px auto;
              }
              &:after {
                content: "";
                display: block;
                width: 180px;
                height: 1.5px;
                background-color: var(--color-primary);
                margin: 12px auto 0px auto;
              }
            }
            h1 + .wp-block-group.homepage-menu {
              h2 {
                position: relative;
                text-align: center;
                text-transform: uppercase;
                font-family: var(--font-mono);
                letter-spacing: var(--letter-spacing-title);
                font-weight: var(--font-weight-bold);
                color: var(--color-primary);
              }
            }
            h2 + .wp-block-columns.main-nav {
              display: flex;
              flex-flow: column nowrap !important;
              row-gap: 21px;
              padding: 0px;
              margin: 21px 0px 0px;
              .wp-block-column {
                border: 2px solid #00ff00;
                background-color: #001100;
                padding: 21px;
                transition: all 0.3s ease;
                cursor: pointer;
                max-width: 100%;
                p {
                  text-align: center;
                  text-transform: uppercase;
                  font-family: var(--font-mono);
                  letter-spacing: var(--letter-spacing-title);
                  font-weight: var(--font-weight-bold);
                  color: var(--color-primary);
                  padding: 0px;
                  margin: 0px;
                  a {
                    color: var(--color-primary);
                    text-decoration: none;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

@media only screen and (min-width: 600px) {
}

@media only screen and (min-width: 1280px) {
}

@media only screen and (min-width: 1440px) {
}

@media only screen and (min-width: 1680px) {
}