.logo-name {
  font-family: Parisienne;
  font-size: 2.8em;
}
.nav-link {
  font-family:
    "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans",
    Arial, sans-serif;
color: black;
}

/* 
.row {
  width: 100%;
} */

.nav-link{
  color: black;
}
.nav-link:hover{
  color: deepskyblue;
}
.hero-sec-bg-img {
 
  background: linear-gradient(rgba(0, 0, 0, .151), rgba(0, 0, 0, .727)), url("photo-1627556704290-2b1f5853ff78.avif");
   background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
margin-top: 70px;
}
.display-3{
    font-family: Parisienne;
}
.display{
    font-family: Arial, Helvetica, sans-serif;
    word-spacing: 3px;
    font-size: 4rem;
}
.form-select{
  border: 1px solid lightblue ;
  border-radius: 4px;
  width: 100%;
}
.for-css{
  /* padding: 7px; */

  border-radius: 4px;
  border: none;
  font-family: Arial, Helvetica, sans-serif;
}
.width{
  width: 0;
}
.footer-container{
  background-color: #212529;
  /* height: 22rem; */
  margin-top: 12px;
}
@media all and (max-width: 450px){
  .font-footer{
    font-size:13px;
  }
}
@media all and (max-width: 810px){
  .display{
    font-size:2rem;
  }
  .font{
    font-size: 2rem;
    text-wrap: wrap;
  }

}
@media all and (max-width: 450px){
  .display{
    font-size:1.4rem;
  }
  .font{
    font-size: 1.4rem;
    text-wrap: wrap;
  }

}