* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: "Crimson Text", serif;
}

html, body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  font-family: "Roboto", sans-serif;
  text-align: center;
  font-weight: lighter;
  color: #18242a;
}

a {
  color: inherit;
}

h1 {
  margin: 0;
}

button {
  cursor: pointer;
  outline: none;
  font-weight: 300;
  background-color: #1dce94;
  border: none;
  border-radius: 500px;
  color: white;
  padding: 0.5rem 1rem;
  transition: all 0.3s;
}
button:hover {
  color: #1dce94;
  background-color: white;
}
button:active {
  background-color: #cbcbcb;
}

.break {
  display: block;
}
@media (max-width: 500px) {
  .break {
    display: none;
  }
}

#exzoom {
  width: 550px;
  margin: 0 auto;
}
@media (max-width: 500px) {
  #exzoom {
    width: 300px;
  }
}


@media (min-width: 992px) {
  .exzoom_nav {
    height: 95px !important;
  }

  .exzoom .exzoom_nav {
    overflow: unset !important;
  }

  .exzoom .exzoom_nav .exzoom_nav_inner {
    width: 100% !important;
  }

  .exzoom .exzoom_nav .exzoom_nav_inner span {
    width: 95px !important;
    height: 95px !important;
    margin-bottom: 8px;
  }

  .exzoom .exzoom_nav .exzoom_nav_inner span img {
    width: 100%;
    height: 100%;
  }

  .exzoom_btn {
    display: none;
  }
}

.hidden {
  display: none;
}

.container-fluid {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}