* {
  padding: 0;
  margin: 0;
}
html,
body,
#fullheight {
  min-height: 100% !important;
  height: 100%;
}
.site-bg {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  font-family: "object-fit: cover; object-position: center center;";
  width: 100%;
}

.top-bg {
  /*background-image: url("./assets/images/topbg.svg");
  background-repeat: round;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 50%;*/
  /*width: 100%;
  height: 50%;*/
  transform: translate(0, -50%);
    /*height: 75%;
    width: 75%;*/
  border-radius: 0 0 400px 400px;
  background-color: #5baca8;
}

.fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  right: 0;
  bottom: 0;
  padding: 0 !important;
  margin: 0 !important;
}

.overlay {
  background-color: rgba(0, 0, 0, 0.5);

  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  left: -1px;
  right: -1px;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.3s;
  transition: opacity 0.6s, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, opacity 0.6s;
  transition: transform 0.3s, opacity 0.6s;
  transition: transform 0.3s, opacity 0.6s, -webkit-transform 0.3s;
  pointer-events: none;
}