body {
  background-color:  cornsilk;
  background-image: url(../img/fall.png);/* Large image 4018*1357*/
  background-repeat: no-repeat;
  justify-content: center; /* Centers horizontally */
  align-items: top; /* Centers vertically */
  background-size: 100%;
  height:  100vh;
  width: 100vw;       
  min-height: 100dvh;
  /*flex stuff*/
  background-color: gainsboro;
  flex-direction: row;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;

}
/*Headings Color*/
h4 {
  color: black;
}
h6 {
  color: black;
}
.container {
    margin-top: auto;
    margin-bottom: auto;
}
/* Main content */
main { 
  flex-grow: 1;
}
/*Horizontal rule*/
hr {
    height: 5px;
    background-color: black;
    margin-top: 20px;
    margin-left: 25px;
}
/* Facebook */
.facebook  {
    color: black;
}
.facebook:hover {
  color: blue;
}
/* Instagram */
.instagram {
    color: black;
}
.instagram:hover {
  color: orange;
}
/* twitter-x */
.twitter-x {
    color: gray;
}
.twitter-x:hover {
  color: black;
}
/* The navigation bar */
.navbar {
  color: #ddbf17;
  background-color: bg-transparent;
  position: fixed;
  top: 0; 
  width: 100%;
}
/* Footer */
footer {
  margin-top: auto;
  margin-bottom: 0;
}
.white {
  color:  white;;
}
.brown {
  color: black;
}
@media (max-width: 990px) { /* Adjust breakpoint as needed */
    .navbar-collapse {
        background-color: #4A98F7 !important; /* Your desired background color */
    }
    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); /* Example for white icon bars */
    }
}
/*OLD CSS */
.navbar {
    background-color: bg-transparent;
    position: fixed;
    top: 0;
    width: 100%;
}
.navbar_index {
    background-color: greenyellow;
    position: fixed;
    top: 0;
    width: 100%;
}
.navbar-text {
    color: #4A61F7;
}
.nav-head {
    color: orangered;
}
/*Beging adjustable CSS*/
.navbar-brand {
    color: hwb(19 23% 35%);
}
.nav-link {
    color: hwb(19 23% 35%);
}
.home-title {
    color: hwb(19 23% 35%);
}
.nav-link:hover {
    color: orange;
}
.navbar-brand:hover {
    color: orange;
}
.home-quote {
  color: #000;
}
/*End Adjustable CSS*/
  .float-left {
    float: left;
  }
.center {
    margin: auto;
    width: 100%;
    padding: 10px;
}

p.indent {
    text-indent: 50px;
}
#content {
    margin-top: 55px;
    margin-bottom: 190px;
    background-color: aliceblue;
    border-radius: 12px;
    box-shadow: inset;
}
#top-radius {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
#bottom-radius {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}
.bottom {
    width: 100%;
    color: rosybrown;
    background-color: hwb(220 30% 69%);
    font: bold;
}
.row-full{
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    height: 100px;
    margin-top: 100px;
    left: 50%;
   }
form {
    margin: auto;
    width: 50%;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 65px;
    margin-bottom: 10px;
    background-color: aliceblue;
    background-image: url();
    border-radius: 12px;
}
.cookies-us-banner {
  background: #444;
  color: #fff;
  padding: 6px;
  font-size: 13px;
  text-align: center;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10;

}
.cookies-us-banner button {
  text-decoration: none;
  background: #222;
  color: #fff;
  border: 1px solid #000;
  padding: 4px 7px;
  margin: 2px 0;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.07s, color 0.0s, border-color 0.07s;

}
.cookies-us-banner button:hover {
  background: #fff;
  color:#222;

}
.hidden{
  display: none;
}
.alert {
  width: 100%;
  height: 50px;
}
.bi {
  height: 50px;
}