@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

:root {
   --color_dark-blue: #0a1e29;
   --color_gold: #b1973e;
   --color_light-gray: #f5f5f5;
   --color_white: #ffffff;
}

html {
   font-size: 100%;
}

body {
   font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   font-size: 1rem;
}

#navbar {
   background-color: var(--color_dark-blue);
}
#navbar .nav-item .active,
#navbar .nav-item a:hover {
   color: var(--color_gold) !important;
}
#navbar .nav-item a:link,
#navbar .nav-item a:visited {
   color: var(--color_white);
}

#main {
   background-color: var(--color_light-gray);
}
#main .card .card-title {
   color: var(--color_gold);
}
#main .card .card-text {
   color: var(--color_dark-blue);
}

#footer {
   background-color: var(--color_dark-blue);
   color: var(--color_white);
}

/* xs: < 0 | sm: ≥ 576px | md: ≥ 768px | lg: ≥ 992px | xl: ≥ 1200px | xxl: ≥ 1400px */

/* ---------- XS-LG start ---------- */
@media only screen and (min-width: 0px) and (max-width: 1199px) {
   .section-pbt {
      padding: 3rem 1rem;
   }
}
/* ---------- XS-LG end ---------- */

/* ---------- XL-XXL start ---------- */
@media only screen and (min-width: 1200px) {
   .section-pbt {
      padding: 6rem 0;
   }
   #navbar {
      height: 4rem;
   }
   #navbar .nav-link {
      padding: 0 2rem;
   }
}
/* ---------- XL-XXL end ---------- */