@font-face {
  font-family: font-main;
  src: url(../font/Chewy-Regular.ttf);
}
@font-face {
  font-family: font-secondary;
  src: url(../font/LuxuriousScript-Regular.ttf);
}
@font-face {
  font-family: font-main;
  src: url(../font/Chewy-Regular.ttf);
}
@font-face {
  font-family: font-secondary;
  src: url(../font/LuxuriousScript-Regular.ttf);
}
.hamburger-menu {
  font-family: font-main;
  font-size: 50px;
}

.head {
  background-color: #131a25;
}

.sosial-media {
  width: 30px;
  height: 30px;
}

.facebook {
  background-color: #3b5998;
}

.envelope {
  background-color: #00aced;
}

.whatsapp {
  background-color: #cb2027;
}

.instagram {
  background-color: #517fa4;
}

.logo {
  width: 100px;
  height: 100px;
}

a {
  text-decoration: none;
}

.menu-item:hover .hover-menu {
  color: #56BD97;
}

.color-green {
  color: #56BD97;
}

.color-blue {
  color: #32AAD6;
}

.color-dark {
  color: #131a25;
}

.color-white {
  color: #ffff;
}

.color-yellow {
  color: #FDB714;
}

.offcanvas-body {
  color: #131a25 !important;
}

.dropdown-menu {
  transition: 0.3s;
  transform: translatex(-50px);
}