@font-face {
  font-family: "StabilGrotesk-Bold";

  src: url("https://static.wixstatic.com/ufonts/fc9d19_5ef363ee732f4aca81284113d48392fd/woff2/file.woff2")
      format("woff2"),
    url("https://static.wixstatic.com/ufonts/fc9d19_5ef363ee732f4aca81284113d48392fd/woff/file.woff")
      format("woff"),
    url("https://static.wixstatic.com/ufonts/fc9d19_5ef363ee732f4aca81284113d48392fd/ttf/file.ttf")
      format("ttf");
}
@font-face {
  font-family: "StabilGrotesk-Medium";

  src: url("https://static.wixstatic.com/ufonts/fc9d19_c926504c8e4a47c78aab7f2e2c5654b0/woff2/file.woff2")
      format("woff2"),
    url("https://static.wixstatic.com/ufonts/fc9d19_c926504c8e4a47c78aab7f2e2c5654b0/woff/file.woff")
      format("woff"),
    url("https://static.wixstatic.com/ufonts/fc9d19_c926504c8e4a47c78aab7f2e2c5654b0/ttf/file.ttf")
      format("ttf");
}

@font-face {
  font-family: "StabilGrotesk-Regular";

  src: url("https://static.wixstatic.com/ufonts/eaa49a_8a1e97c35f90401fb15efd3356edee04/woff2/file.woff2")
      format("woff2"),
    url("https://static.wixstatic.com/ufonts/eaa49a_8a1e97c35f90401fb15efd3356edee04/woff/file.woff")
      format("woff"),
    url("https://static.wixstatic.com/ufonts/eaa49a_8a1e97c35f90401fb15efd3356edee04/ttf/file.ttf")
      format("ttf");
}

:root {
  --dibber-green: #094f0c;
  --dibber-middle-green: #2f991e;
  --dibber-light-green: #c2f291;
}

h1,
h2,
h3,
h4,
h5,
h6
p {
  font-family: "StabilGrotesk-Bold";
}
body {
  font-family: "StabilGrotesk-Regular";

  color: var(--dibber-green);
  margin: auto;
 
}


.dibber-btn {
  background-color: var(--dibber-green);
  color: var(--dibber-light-green);
  padding: 1.5% 4%;
  border-radius: 8px;
  border-width: 0px;
}
.dibber-btn:hover {
  background-color: var(--dibber-middle-green);
}



.responsive{
width: 30%;
height: auto;
  }
@media (max-width: 900px){
  .responsive{
    width: 35%;
    height: auto;
      }
}

  menu-nav{
    margin: 100px;
  }
  
.top-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #fff;
  color: #FFF;
  height: 100px;
  padding: 2em;
  justify-content: center;
}

.menu-button,
.menu-button::before,
.menu-button::after {
  display: block;
  background-color: #094f0c;
  position: absolute;
  height: 4px;
  width: 30px;
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 2px;
}

.menu-button::before {
  content: '';
  margin-top: -8px;
}

.menu-button::after {
  content: '';
  margin-top: 8px;
}
.container{
  margin: 0 auto;
}


@media (max-width: 1200px) {
  .menu-button-container {
    display: flex;
  }
  

}
#dibber-logo-creakid{
  /* width:220px;
  height:60px; */
  /* margin: 15px -5px 15px 50px; */
  display: inline-block;
  vertical-align: center;
text-align: center;
}
#dibber-logo{
    /* width:220px;
     height:100px; */
     margin: 15px -5px 15px 50px;
     display: inline-block;
     vertical-align: center;
  text-align: center;
  }
.main-text{
  width:800px;   
vertical-align: center;
text-align: center;
align-items: center;
vertical-align: center;
text-align: center;
}

.container{
  vertical-align: middle;
      align-items: center;
    margin: auto;
    width: 60%;
    padding: 150px 0 0 0;
    text-align: center;
    top: 50%!important;
    vertical-align: middle;  
}