html {
  scroll-behavior: smooth;
}

/* TEXT */

body {
  font-family: 'Arial', sans-serif;
  background-color: #f4f4f4;
}

h1 {
  font-size: 3.5rem;
  font-family: 'Castoro', 'Georgia', serif;
}

h2 {
  font-size: 3rem;
  font-family: 'Castoro', 'Georgia', serif;
}


@media (max-width: 768px) {
h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 2rem;
}

}


.copyright-notice {
  font-size: 0.8em;
  color: rgba(255, 255, 255, 0.7);
}

.navbar-brand {
  font-family: 'Castoro', 'Georgia', sans-serif;
  color: rgba(255, 255, 255, 0.8);
}

.social-icon i {
  transition: transform 0.3s, color 0.3s;
  font-size: 3rem;
}

.social-icon:hover i {
  transform: scale(1.1);
  color: #79906a;
}

.social-icon-img {
  font-size: 3rem;
  height: 72px;
}

nav a {
  text-decoration: none;
}


  /*  BUTTONS  */
.btn-custom-primary {
  /*    Duplicated */
  width: 205px;           /* Set width */
  height: 55px;           /* Set height */
  border-radius: 0;       /* Remove rounded corners */
  font-size: 1.2rem;      /* Adjust font size to fit the new button */
  text-align: center;     /* Ensure text is centered horizontally */
  padding: 0;             /* Remove padding */
  
  /* Flexbox to center content vertically and horizontally */
  display: flex;
  justify-content: center; /* Horizontally center the text */
  align-items: center;     /* Vertically center the text */

  /*    Unique */
  background-color: rgba(161, 40, 23, 1);
  border-color: #81271b;
  color: white;
}

.btn-custom-primary:hover {
  background-color: #c13d2b;
  border-color: #ae2e1d;
}

.btn-custom-secondary {
  /*    Duplicated */
  width: 205px;           /* Set width */
  height: 55px;           /* Set height */
  border-radius: 0;       /* Remove rounded corners */
  font-size: 1.2rem;      /* Adjust font size to fit the new button */
  text-align: center;     /* Ensure text is centered horizontally */
  padding: 0;             /* Remove padding */
  
  /* Flexbox to center content vertically and horizontally */
  display: flex;
  justify-content: center; /* Horizontally center the text */
  align-items: center;     /* Vertically center the text */

  /*    Unique */
  /*    background-color: rgba(86, 102, 76, 1);*/
  background-color: rgba(50, 50, 50, 1);
  /*    border-color: #3d4b34;*/
  border-color: rgba(0, 0, 0, 1);
  color: white;
}

.btn-custom-secondary:hover {
  /*    background-color: #62804e;*/
  background-color: rgba(100, 100, 100, 1);
  border-color: rgba(50, 50, 50, 1);
}


/* 
  The main page allows the nav to cover part of the hero section,
  but this isn't ideal anywhere else.
*/
.no-nav-overlay {
  padding-top: 60px;
}