html, body{
  width: 100%; 
  margin:0;
  padding:0;

  position: relative;
  overscroll-behavior:none;
  overflow-x:hidden; 

  font-size: 14px;
  font-family: 'Gotham';
}   
main{
  position: relative;
  z-index: 1;
}

.locked{
  overflow: clip;
}
a, a:hover{
  color: unset;
  text-decoration: unset;
}

h2{
  font-weight: 300;
}

h3{
  font-weight: 600;
}
.bg-white{
  background-color: #fff;
  color: #000;
}
.bg-black{
  background-color: #141618;
  color: #fff;
}

.btn-get-inspired-white{
  width: auto;
  margin: 0 auto;
  text-transform: uppercase;
  letter-spacing: 0.14rem;

  border: solid 1px #fff;
  background-color: transparent;
  color: #fff;
  padding: .4rem 2rem;
  border-radius: 10rem;
  transition: all 0.3s;
}
.btn-get-inspired-white:hover{
  color: #000;
  background-color: #fff;
  transition: all 0.3s;
}

.btn-get-inspired{
  width: auto;
  margin: 0 auto;
  text-transform: uppercase;
  letter-spacing: 0.14rem;

  border: solid 1px #000;
  background-color: transparent;
  color: #000;
  padding: .4rem 2rem;
  border-radius: 10rem;
  transition: all 0.3s;
}
.btn-get-inspired:hover{
  color: #fff;
  background-color: #000;
  transition: all 0.3s;
}

  .artigo-texto a, p a{
    color: #858585;;
    text-decoration: underline;
    transition: color 0.3s;
  }
  .artigo-texto a:hover , p a:hover{
    color: #333;
    text-decoration: underline;
    transition: color 0.3s;
  }