:root { --blue: #007bff; --primary: #cda45e; --white: #fff; --gray: #6c757d; --dark: #343a40; --breakpoint-md: 768px; --breakpoint-lg: 992px; }
*, ::after, ::before { box-sizing: border-box; }
body { margin: 0; font-family: "Nunito", sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #000; }
h1, h2, h4 { margin-top: 0; margin-bottom: .5rem; font-weight: 500; line-height: 1.2; }
h1 { font-size: 2.5rem; } h2 { font-size: 2rem; } h4 { font-size: 1.5rem; }
p { margin-top: 0; margin-bottom: 1rem; }
a { color: #007bff; text-decoration: none; background-color: transparent; }
a:hover { color: #0056b3; text-decoration: underline; }
img { vertical-align: middle; border-style: none; }
iframe { border: 0; }

/* UTILITIES */
.d-none { display: none!important; }
.d-block { display: block!important; }
.d-flex { display: flex!important; }
.d-inline-block { display: inline-block!important; }
.flex-column { flex-direction: column!important; }
.justify-content-center { justify-content: center!important; }
.justify-content-between { justify-content: space-between!important; }
.align-items-center { align-items: center!important; }
.float-right { float: right!important; }
.position-relative { position: relative!important; }
.text-center { text-align: center!important; }
.text-left { text-align: left!important; }
.text-right { text-align: right!important; }
.text-white { color: #fff!important; }
.m-0 { margin: 0!important; }
.my-3 { margin-top: 1rem!important; margin-bottom: 1rem!important; }
.mt-3 { margin-top: 1rem!important; }
.mt-5 { margin-top: 3rem!important; }
.mb-5 { margin-bottom: 3rem!important; }
.py-4 { padding-top: 1.5rem!important; padding-bottom: 1.5rem!important; }
.mx-5 { margin-right: 3rem!important; margin-left: 3rem!important; }

/* GRID SYSTEM */
.container, .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.col-12, .col-md-6, .col-lg-4, .col-lg-6, .col-lg-8, .col-lg-12 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.col-12 { flex: 0 0 100%; max-width: 100%; }

@media (min-width: 768px) {
  .d-md-block { display: block!important; }
  .mt-md-0 { margin-top: 0!important; }
  .col-md-6 { flex: 0 0 50%; max-width: 50%; }
  .container { max-width: 720px; }
}

@media (min-width: 992px) {
  .d-lg-block { display: block!important; }
  .d-lg-none { display: none!important; }
  .mt-lg-0 { margin-top: 0!important; }
  .col-lg-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-lg-6 { flex: 0 0 50%; max-width: 50%; }
  .col-lg-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-lg-12 { flex: 0 0 100%; max-width: 100%; }
  .container { max-width: 960px; }
}
@media (min-width: 1200px) { .container { max-width: 1140px; } }

/* FORMS & BUTTONS */
.form-control {
  display: block; width: 100%; height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5;
  color: #495057; background-color: #fff; background-clip: padding-box;
  border: 1px solid #ced4da; border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-group { margin-bottom: 1rem; }
textarea.form-control { height: auto; }
.btn {
  display: inline-block; font-weight: 400; color: #212529; text-align: center;
  vertical-align: middle; user-select: none; background-color: transparent;
  border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem;
  line-height: 1.5; border-radius: .25rem; transition: color .15s;
}
/* Navbar Base */
.nav-link { display: block; padding: .5rem 1rem; text-decoration: none; }