body {
  margin: 0;
  font-family: "Fira Sans", Lato, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  background-color: #FFFFFF;
  color: #333333;
}

.fira-sans-thin {
  font-family: "Fira Sans", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.fira-sans-extralight {
  font-family: "Fira Sans", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.fira-sans-light {
  font-family: "Fira Sans", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.fira-sans-regular {
  font-family: "Fira Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.fira-sans-medium {
  font-family: "Fira Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.fira-sans-semibold {
  font-family: "Fira Sans", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.fira-sans-bold {
  font-family: "Fira Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.fira-sans-extrabold {
  font-family: "Fira Sans", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.fira-sans-black {
  font-family: "Fira Sans", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.fira-sans-thin-italic {
  font-family: "Fira Sans", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.fira-sans-extralight-italic {
  font-family: "Fira Sans", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.fira-sans-light-italic {
  font-family: "Fira Sans", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.fira-sans-regular-italic {
  font-family: "Fira Sans", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.fira-sans-medium-italic {
  font-family: "Fira Sans", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.fira-sans-semibold-italic {
  font-family: "Fira Sans", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.fira-sans-bold-italic {
  font-family: "Fira Sans", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.fira-sans-extrabold-italic {
  font-family: "Fira Sans", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.fira-sans-black-italic {
  font-family: "Fira Sans", sans-serif;
  font-weight: 900;
  font-style: italic;
}


.jumbotron {
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin-bottom: 0;
  background-color: #fff;
}

@media (min-width: 768px) {
  .jumbotron {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron h1 {
  font-weight: 300;
}

.jumbotron .container {
  max-width: 40rem;
}

.black-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
}

footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}

.bg-dark{background-color:black !important;}


@media (min-width: 34em) {
    .card-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media (min-width: 48em) {
    .card-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media (min-width: 62em) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

@media (min-width: 75em) {
    .card-columns {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }
}

.container-fluid {
   max-width:1600px;
}



a {
  color: #d26834;
  text-decoration: underline;
  background-color: transparent;
}

a:hover {
  color: #9e4316;
  text-decoration: underline;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: underline;
}

a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: underline;
}

h1 {
  font-weight: bold;
}

/* Change the background color */
.btn-primary {
  background-color: #d26834; 
  border-color: #d26834; 
  color: #ffffff; 
}

/* Change the background color on hover */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background-color: #9e4316; 
  border-color: #9e4316; 
  color: #ffffff; 
}

/* Optional: Change the background color when the button is disabled */
.btn-primary:disabled {
  background-color: #cccccc; 
  border-color: #cccccc; 
  color: #666666; 
}

/* Optional: Change the background color when the button is focused */
.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(210, 104, 52, 1); 
}

/* Optional: Change the background color when the button is active */
.btn-primary:active,
.btn-primary.active {
  background-color: #d26834; 
  border-color: #d26834; 
  color: #ffffff; 
}

/* Change the border and text color */
.btn-outline-primary {
  color: #d26834;
  border-color: #d26834; 
}

/* Change the background color on hover, focus, and active states */
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
  color: #ffffff; 
  background-color: #d26834; 
  border-color: #d26834; 
}

/* Optional: Change the color when the button is disabled */
.btn-outline-primary:disabled {
  color: #cccccc; 
  background-color: transparent; 
  border-color: #cccccc; 
}


/*
.text-responsive {
  font-size: calc(80% + 2vw + 2vh);
}

.text-responsive2 {
  font-size: calc(80% + 1.4vw + 1vh);
}
*/