@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap");

* {
  margin: 0%;
  padding: 0%;
  box-sizing: border-box;
  font-family: "Montserrat", sans-serif;
}
body {
  background: url("/img/Background1.png");
  background-size: 100% 100%;
  background-attachment: fixed;
  width: 100%;
}

.mainbody{
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}


.nav-link{

font-weight: 500;
font-size: 18px;
line-height: 32px;
color: #535458 !important;
}

.navbar-brand{
font-weight: 700;
font-size: 24px; 
line-height: 32px;
}

.navbar-nav .active,
.navbar-nav .hover {
 font-weight: bold;
}
.nav-link .active{
  font-weight: bold;
}


.navbar{

  background-color:white; 
  opacity: 0.8; 
  filter:(opacity=50); 
 
  
}

@media (min-width: 768px){
.navbar-expand-md .navbar-nav .nav-link {
   
    padding-left: 0rem !important;
}
}

@media screen and  (max-width: 789px){
 .nav-link{
  font-size: 18px;
  line-height: 25px;
 }
 .logo{
  width: 100px;
  height: 60px;
 }
  }

@media screen and  (max-width: 524px){
    .logo{
     width: 90px;
     height: 50px;
    }
     }