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

body {
    font-family: 'Libre Caslon Text', serif;
    color: #333;
    font-size: 16px;
    letter-spacing: 3px;
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    background: #FBFAF3;
    overflow-x: hidden;
}

a {
    color: #333;
    text-decoration: underline;
}

a:hover {
    color: #000;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Libre Caslon Display', serif;
}

h1 {
  font-size: 82px;
}

h2 {
  font-size: 45px;
}

h3 {
  font-size: 37px;
}

.hero-section {
  color: white;
  padding-top: 2rem;
  background: url('./assets/photo-header-sm.png') no-repeat center bottom;
  background-size: contain;
  background-color: #28160c;
  padding-bottom: 60vw;
}

.hero-section .container {
  position: relative;
  z-index: 1;
}

.hero-section img {
   height: auto;
   width: 100vw;
   position: absolute;
   bottom: 5rem;
}


@media (min-width: 992px) {
  .hero-section {
      padding-top: 0;
      background: url('./assets/photo-header.png') no-repeat center 0;
      background-size: cover;
      min-height: calc(100vh - 4.5rem);
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding-bottom: 20vh;
  }
}


.hero-section a {
    text-decoration: none;
}

.divider {
    background: url('/assets/divider.svg') no-repeat;
    height: 5px;
}

.about-circle {
  position: absolute;
  left: -300px;
  bottom: -300px;
  z-index: -1;
}

.translations-circle {
  position: absolute;
  right: -1000px;
  height: 1000px;
  width: 1000px;
  top: -500px;
}

@media (max-width: 992px) {
  .translations-circle {
    display: none;
  }
}

section {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

#contact {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

/* RODO Accordion */
.accordion-button {
  width: auto;
}

.accordion-button::after {
  margin-left: 0.5rem;
}