*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

* {
  padding: 0;
  margin: 0; }

html,
body {
  margin: 0;
  padding: 0;
  border: 0; }

body {
  overflow-x: hidden; }

.grid-container {
  width: 100%;
  max-width: 85%; }
  @media (min-width: 481px) and (max-width: 1024px) {
    .grid-container {
      max-width: 90%; } }
  @media (max-width: 480px) {
    .grid-container {
      max-width: 90%; } }

.title-bold {
  font-family: "gotham_boldregular";
  font-size: 38px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.15;
  letter-spacing: normal; }
  @media (max-width: 480px) {
    .title-bold {
      font-size: 28px; } }

.title-normal {
  font-family: "gotham_bookregular";
  font-size: 38px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.15;
  letter-spacing: normal; }
  @media (max-width: 480px) {
    .title-normal {
      font-size: 28px; } }

.font-button {
  font-family: "gotham_mediumregular";
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: 1.4px; }
  @media (max-width: 480px) {
    .font-button {
      font-size: 12px; } }

.banner-hummel {
  width: 98%;
  margin: 0 auto;
  min-height: 100vh;
  padding-top: 100px;
  padding-bottom: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative; }
  .banner-hummel .fondo {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%; }
  .banner-hummel .grid-container {
    position: relative;
    z-index: 3; }
  .banner-hummel .container-center {
    width: 100%;
    text-align: center; }
    .banner-hummel .container-center h1 {
      color: #ffffff;
      margin-bottom: 35px; }
  .banner-hummel .plasta {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.35); }
  @media (max-width: 480px) {
    .banner-hummel {
      width: 95%; } }

nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  z-index: 50;
  -webkit-box-shadow: 0 1.5px 5px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 1.5px 5px 0 rgba(0, 0, 0, 0.08); }
  nav .grid-container {
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    nav .grid-container .logo {
      display: inline-block;
      max-width: 120px; }
      @media (max-width: 480px) {
        nav .grid-container .logo {
          max-width: 80px; } }
    @media (max-width: 480px) {
      nav .grid-container {
        height: 80px; } }

.btn-white {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  height: 50px;
  padding: 8px 25px;
  background-color: #ffffff;
  border-radius: 25px;
  color: #000000;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
  width: 250px; }
  .btn-white:focus, .btn-white:hover {
    color: #000000;
    background-color: #ffffff; }