@import url("https://fonts.googleapis.com/css2?family=Bevan&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Bevan", cursive !important;
}

h2,
h3,
h4,
h5,
h6 {
  font-size: 1.6rem !important;
}

p {
  font-size: 1.1rem !important;
  font-family: "Roboto", sans-serif !important;
}

.xs {
  font-size: 1rem !important;
}

li {
  font-size: 1.1rem !important;
  font-family: "Roboto", sans-serif !important;
}

label {
  font-family: "Roboto", sans-serif !important;
  color: rgb(223, 200, 0) !important;
}

input, textarea {
  border-radius: 0px!important;
  background-color: rgb(190, 190, 190);
  border: none !important;
}

.navbar-brand {
  color: rgb(223, 200, 0) !important;
  font-family: "Bevan", cursive;
}
.nav-item a {
  color: rgb(223, 200, 0) !important;
  font-family: "Roboto", sans-serif !important;
  font-size: 1rem !important;
}

.nav-item {
  font-size: 1rem !important;
}

.text-yellow {
  color: rgb(223, 200, 0) !important;
}

.feature-image img {
  width: 100%;
  max-width: 500px !important;
  height: auto;
  margin: 0 auto;
  padding: 5px;
}

.form-control {
  height: 50px !important;
}

.list-unstyled p {
  font-size: 1.3rem !important;
  font-family: "Bevan", cursive !important;
  color: rgb(223, 200, 0) !important;
}

.bg-gray {
  background-color: gray;
}

.text-gray {
  color: rgb(151, 151, 151);
}

.btn,
.btn:focus,
.btn:active {
  outline: none !important;
  box-shadow: none;
}

.btn {
  border: none !important;
  color: rgb(29, 29, 29) !important;
}

@media (max-width: 767px) {
  .left-border {
    display: none;
  }
}

@media (min-width: 768px) {
  .left-border {
    border-left: gray 1px solid;
    padding-left: 3px;
    right: 0;
    height: 215px;
  }
}

.bg-x-dark {
  background-color: #161616 !important;
}

.text-black {
  color: black !important;
}