@font-face {
   font-family:  Calibri, sans-serif;
   src: local();
} 

/* body{
   overflow: hidden;
} */

.navTop{
   position: fixed;
}

nav{
   border-bottom: solid 1px #dddddd;
}

.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #530000;
   color: white;
   text-align: center;
   height: 25px;
   font-size: 10px;
   letter-spacing: 1px;
}

.foot{
    margin-top: 4px;
}

.navbar-br{
   margin-left: 27%;
   font-weight: bold;
   letter-spacing: 2px;
   color: #707070;
}

.navbar-br:hover{
   text-decoration: none;
   color: black;
}

/* .active{
    border-bottom: 4px solid #9A0000;
    font-style: italic;
    font-weight: bold;
    color: #9A0000;
} */

.nav-link{
    margin-right: 20px;
}

.bs-example{
   margin-left: 30px;
   margin-right: 30px;
   top: 0;
   position: relative;
   font-size: 14px;
}

 .dropdown-content {
   display: none;
   position: absolute;
   background-color: #fafafa;
   width: 120px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   z-index: 1;
 }
 
 .dropdown-content a {
   color: black;
   padding: 4px;
   text-decoration: none;
   display: block;
   font-size: 12px;
   height: 30px;
   margin-top: 3.5px;
 }
 
 .dropdown-content a:hover {background-color: #ddd;}
 
 .dropdown:hover .dropdown-content {display: block;}
 
.ml-auto{
   padding-right: 5%;
 }

.leftAlign{
  float: left;
}
.rightAlign{
  float: right;
}