/* GLOBAL */
body {
  font-family: 'Changa', sans-serif;
  line-height: 1.6;
}

h1, h2, h3 {
  font-weight: bold;
}

/* HERO */
.masthead {
  background: url("../img/intro-bg-1900x1080.jpg") center/cover no-repeat;
  height: 100vh;
  padding-top: 80px; /* espace sous navbar */
}

.brand-heading {
  font-size: clamp(2rem, 6vw, 4.5rem);
}

.intro-text {
  font-size: clamp(1rem, 3vw, 2rem);
  margin-top: -10px;
}

/* SECTIONS */
.bg-cover {
  background: url("../img/Fonds_vaisseau-3000.jpg") center/cover no-repeat;
  padding: 6rem 1rem;
}

.bg-cover-dark {
  background: url("../img/Fonds_vaisseau-3000.jpg") center/cover no-repeat;
  background-blend-mode: multiply;
  background-color: rgba(0,0,0,0.6);
  padding: 6rem 1rem;
}

.content-section h2 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  margin-bottom: 1rem;
}

.highlight {
  color: #f9ceb5;
  font-size: 1.5rem;
}

/* CONTACT */
.contact-section {
  background: url("../img/contact.jpg") center/cover no-repeat;
  padding: 5rem 1rem;
}

.contact-section .form-control {
  background: transparent;
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  color: #fff;
}

.contact-section .form-control:focus {
  border-bottom: 1px solid #00bfbd;
  box-shadow: none;
}

/* BUTTONS */
.btn-primary {
  background-color: #00bfbd;
  border: none;
}

.btn-outline-light {
  border-color: #fff;
  color: #fff;
}

/* MEDIA */
img, video {
  max-width: 100%;
  height: auto;
}