*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  color: currentColor;
}

a:hover {
  color: #3EB489; /* Color when the link is hovered */
}


html, body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  width: 100%;
  overflow-x: hidden;
}


body {
    font-family: 'Source Sans Pro', sans-serif;
    height: 100%;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Source Sans Pro', sans-serif;
}

h1 {
  letter-spacing: 0.2em;
}

h3 {
  letter-spacing: 0.05em;
  padding-bottom: 10px;
  padding-top: 10px;
}

p {
  padding-bottom: 10px;
}

.container{
  min-height:100vh;
  position:relative;
}

.content-container {
    padding: 20px 20px 10%; /* top, right/left, bottom */
    width: 80%;
    margin: 0 auto;
  }

  @media (max-width: 768px) {
    .content-container {
      width: 100%;
    }
  
  }