@charset "utf-8";
/* CSS Document */

.navbar {
  overflow: hidden;
	float:right;
}

/* Links inside the navbar */
.navbar a {
  float: left;
  color: #7B7B7B;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  
}

/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
  transition: 0.2s;
   -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: #7B7B7B;
  padding: 14px 16px;
  background-color: inherit;
  font: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */

}


/* Dropdown content (hidden by default) */
.dropdown-content {
	  display: none;
	  position: absolute;
	  background-color: #f9f9f9;
	  width: 100%;
	  left: 0;
	  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	 list-style: none;  
	   z-index:999;
	   border-top:1px solid #e1e1e1;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
	display: block;
	-webkit-transition: all .25s ease;
	  -moz-transition: all .25s ease;
	  -ms-transition: all .25s ease;
	  -o-transition: all .25s ease;
	  transition: all .25s ease;
}


/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 14.6%;
  margin:1%;
  text-align:center;
}
.column img { max-width:80%;}
/* Style links inside the columns */
.column a {
  float: none;
  color: black;
  padding: 10px;
  text-decoration: none;
  display: block;
}

/* Add a background color on hover */
.column a:hover {

}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}