body {
  background-color:  cornsilk;
  background-image: url(../img/hero.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: cornflowerblue;
  flex-direction: row;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
.ul-lands {
    list-style-image: url('../img/favicon-16x16.png');
}
/*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;*/
  bottom: auto;
}
.white {
  color: white;
}
.brown {
  color: black;
}
@media (max-width: 990px) { /* Adjust breakpoint as needed */
    .navbar-collapse {
        background-color: #333 !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: black;
}
.nav-link {
    color: black;
}
.nav-link:hover {
    color: white;
}
  .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 {
    margin-top:auto;
    width: 100%;
    color: rosybrown;
    background-color: #333;
    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;
}