/* Dropdown Button */

.dropbtn {

	font-family:'Karla-Regular';

    background-color: #FFFFFF;

    color: #A7A7A7;

    padding: 16px;

	padding-top:20px;

    font-size: 16px;

    border: none;

    cursor: pointer;

}



/* The container <div> - needed to position the dropdown content */

.dropdown {

    position: relative;

    display: inline-block;

}



/* Dropdown Content (Hidden by Default) */

.dropdown-content {

	font-family:'Karla-Regular';

    display: none;

    position: absolute;

    background-color: #FFFFFF;

    min-width: 160px;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

}



/* Links inside the dropdown */

.dropdown-content a {

	font-family:'Karla-Regular';

    color: #A7A7A7;

    padding: 12px 16px;

    text-decoration: none;

    display: block;

}



/* Change color of dropdown links on hover */

.dropdown-content a:hover {background-color: #E6E6E6;}



/* Show the dropdown menu on hover */

.dropdown:hover .dropdown-content {

    display: block;

}



/* Change the background color of the dropdown button when the dropdown content is shown */

.dropdown:hover .dropbtn {

    background-color: #E6E6E6;

}