* {
  box-sizing:border-box;
  padding:0px;
  margin:0px;
  font-family:'Poppins', sans-serif;
}

.container {
  width:90%;
  max-width:1400px;
  margin:auto;
  position:relative;
}

h1 {
  font-size:60px;
  line-height:70px;
  font-weight:700;
}

h2 {
  font-size:26px;
  line-height:29px;
  font-weight:700;
}

p {
  font-size:22px;
  margin-top:20px;
}

button, .button {
  cursor:pointer;
}

button:hover,
.button:hover {
  opacity:50%;
  transition:opacity 0.2s ease-in;
}

sup {
  font-size:50%;
}

a {
  text-decoration:none;
}

/* NAV =========================================== */

nav {
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  height:65px;
  background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
  color:#FFF;
  z-index:999;
}

.nav-logo {
  position:absolute;
  top:10px;
  left:0px;
  background-image:url(../assets/navbar\ -\ logo\ horizontal.png);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
  width:250px;
  height:45px;
  cursor:pointer;
}

.nav-hamburger {
  position:absolute;
  top:10px;
  right:0px;
  display:inline-block;
  font-weight:400;
  font-size:18px;
  margin:10px 0px;
  background-image:url(../assets/menu.png);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
  width:30px;
  height:30px;
}

.nav-menu {
  position:absolute;
  top:10px;
  right:0px;
  display:inline-block;
  width:calc(100% - 260px);
  text-align:right;
}

.nav-item {
  font-weight:400;
  font-size:18px;
  display:inline-block;
  list-style:none;
  margin:10px 0px;
  cursor:pointer;
  text-decoration:none;
  color:#FFF;
}

.nav-item + .nav-item {
  margin-left:40px;
}

.nav-item:hover, .nav-item.active {
  font-weight:700;
}

/* SECTIONS =========================================== */

section {
  width:100%;
  min-height:100px;
}

section.header {
  padding-top:100px;
}

/* FOOTER =========================================== */

footer {
  background:#000;
  padding:40px;
  color:#FFF;
}

footer .container {
  padding-top:20px;
  display:grid;
  grid-template-columns:200px 450px auto;
  grid-gap:40px;
}

.footer-logo {
  background-image:url(../assets/footer\ -\ logo.png);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
  width:200px;
  height:190px;
  margin-top:20px;
}

.footer-content {
}

.footer-title {
  font-size:40px;
  font-weight:500;
}

.footer-text {
  margin-top:10px;
}

.footer-nav {
  column-count:2;
  column-gap:40px;
  padding-top:10px;
}

.footer-nav-item {
  font-weight:bold;
  display:block;
  list-style:none;
  margin-bottom:20px;
  cursor:pointer;
  text-decoration:none;
  color:#FFF;
}

.footer-nav-child-item {
  display:block;
  list-style:none;
  margin:10px 0px;
  margin-left:10px;
  cursor:pointer;
  text-decoration:none;
  color:#FFF;
}

/* UNDER CONSTRUCTION =========================================== */

section.undercon {
  padding:100px 0px 700px;
  text-align:center;
}

/* RESPONSIVE MEDIA QUERIES =========================================== */

@media only screen and (max-width: 1400px) {
  .nav-hamburger {
    display:inline-block;
  }

  .nav-menu {
    top:50px;
    padding:20px;
    background:rgba(0,0,0,0.65);
    width:200px;
  }

  .nav-item {
    display:block;
    margin:0px;
  }

  .nav-item + .nav-item {
    margin-left:0px;
    margin-top:20px;
  }

  footer .container {
    grid-template-columns:auto;
  }

  .footer-text br {
    display:none;
  }
}

@media only screen and (min-width: 1400px) {
  .nav-hamburger {
    display:none;
  }
}