[x-cloak] {
  display: none;
}

.homebanner {
  position: relative;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10vh), 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10vh), 0 100%);
  height: 60vh;
  background-size: cover;
}

.topangle:before {
  content: "";
  position: absolute;
  top: -82px;
  z-index: -1;
  bottom: 50px;
  transform: rotate(-3.6deg);
  left: 50%;
  margin-left: -2000px;
  background-color: #e6f1f7;
  width: 4000px;
}

.bottomangle {
  position: absolute;
  top: -800px;
  z-index: -1;
  bottom: 0;
  transform: rotate(-3.6deg) translateY(-70px);
  left: 50%;
  margin-left: -2000px;
  width: 4000px;
  background-color: #e6f1f7;
}

.sidemenu_grid {
  display: grid;
}

@media only screen and (min-width: 1024px) {
  .sidemenu_grid {
    grid-template-columns: 275px auto;
    grid-gap: 85px;
  }
}