/* ==========================================================================
   Base Layout
   ========================================================================== */
body {
  flex-direction: column;
}

/* ==========================================================================
   Hero Image Section
   ========================================================================== */
.contact-img { 
  width: 100%;
  height: 95vh;
  background-image: linear-gradient(
      rgba(0, 0, 0, 0.2),
      rgba(0, 0, 0, 0.4),
      rgba(0, 0, 0, 0.7)
    ),
    url('../../assets/articles/freedom_vs_security_landscape_16x9.webp');
  flex-direction: column;
}

/* ==========================================================================
   Typography
   ========================================================================== */
.first-title {
  letter-spacing: 1.74px;
}