*{
	margin: 0;
	padding: 0;
	font-family: Calibri;
}

/* navbar */
nav {
    font-size: 20px;

}

    nav ul, nav li {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    nav li {
        display: inline-block;
        padding: 15px 15px 5px;
    }

        nav li a {
            color: white;
            text-decoration: none;
            display: block;
            transition: color .2s ease;
            position: relative;
        }

        nav li a {
            position: relative;
        }

            nav li a:after, nav li a.active:after {
                content: "";
                color: #5d2f37;
                text-decoration: none;
                width: 0%;
                height: 5px;
                background: #5d2f37;
                position: absolute;
                left: 0;
                -webkit-transition: .2s;
                -moz-transition: .2s;
                -ms-transition: .2s;
                -o-transition: .2s;
                transition: .2s;
                bottom: -4px;
            }

            nav li a:hover:after, nav li a.active:after {
                width: 100%;
            }

.navbar-nav{
	margin-right: 0 !important;
	padding-right: 100px;
}

.navbar{
	background-color: none;
	color: white !important;
   
}

.nav-item a{
	color: black !important;
    font-size:20px;
    font-family:Calibri;
}

.nav-item{
	padding-left: 2px;
}


.navbar-brand{
	color: white !important;
	padding-left: 20px;
}

#navbar button{
	color: white !important;
}

div.gallery {
  margin: 0px;
  border: 1px solid #ccc;
  float: left;

}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 0px;
  text-align: center;
  font-family:Calibri;
  font-size:20px;
  background-color:black;
  opacity:0.6;
  color:white;
}
div.desc1 {
  padding: 0px;
  text-align: center;
  font-family:Calibri;
  font-size:20px;
  background-color:deepskyblue;
  opacity:0.9;
  color:white;
}
table, th, td {
  border:1px solid black;
  text-align:center;
}

  @media (min-width: 992px) {
    .navbar .dropdown:hover .dropdown-menu {
      display: block;
      margin-top: 0;
    }

    .navbar .dropdown-toggle::after {
      transform: rotate(180deg);
    }
  }