/* Regular 300 */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");

body * {
  font-family: "Open Sans", sans-serif;
}

header .widget a {
  font-size: 16px;
  letter-spacing: 0px;
  background-color: #f35e1d;
  color: #fff;
  font-weight: 700;
  border-radius: 50px;
  padding: 12px 25px 12px 25px;
}
.close,
.hamburger-button img {
  cursor: pointer;
}
.site-header li a {
  padding: 13px 20px;
  fill: #ffffff;
  font-weight: 400;
  color: #ffffff;
}

@media only screen and (min-width: 1024px) {
  .site-header li a {
    font-size: 16px;
  }

  header .widget {
    margin-left: 10px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 300px) and (max-width: 1024px) {
  .site-header li a {
    font-size: 21px;
    display: block;
  }
  #site-navigation.hamburger-menu--active {
    opacity: 1;
    visibility: visible;
    transition: 0.4s ease;
  }
  #site-navigation {
    opacity: 0;
    position: fixed;
    visibility: hidden;
    transition: 0.4s ease;
  }
  header .widget {
    margin: 20px auto 0 auto;
  }
}