@import url('https://fonts.googleapis.com/css?family=Fira+Mono');

html,
body {
    font-family: 'Segoe UI', Tahoma, Helvetica, sans-serif;
    font-display: optional;
    font-size: 13px;
}

code {
    font-family: 'Fira Mono', 'Courier New', Courier, monospace
}

body > header {
	height: 50px;
}

#logo
{
	height: 40px;
  	margin-left: 4px;
  	margin-top: -10px;
  	margin-bottom: -5px;
}

/* Style buttons */
.down_btn {
	background-color: DodgerBlue;
	border: none;
	color: white;
	padding: 16px 10px;
	font-size: 16px;
}
.down_btn:hover {
	background-color: RoyalBlue!;
	color: white!;
}

/* Style icons */
img.icon {
	box-shadow: none;
	margin: 1px;
	width: 24px;
	height: 24px;
  	object-fit: fill;
}

/* nav bar */

.navbar-nav {
    margin: 0;
}

.navbar-nav li {
    -webkit-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s;
}

.navbar-nav a {
    -webkit-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s;
    cursor: pointer;
}

/* NAVBAR */

.navbar {
    border: none;
	background-color: #2C2F33;
    /* Both navbars use box-shadow */
    -webkit-box-shadow: 0px 1px 3px 0px rgba(100, 100, 100, 0.5);
    -moz-box-shadow: 0px 1px 3px 0px rgba(100, 100, 100, 0.5);
    box-shadow: 0px 1px 3px 0px rgba(100, 100, 100, 0.5);
}

.subnav {
    border-top: 1px solid #ddd;
    background-color: #fff;
}

.navbar .navbar-nav>li>a,
.navbar .navbar-text {
	color : #fff;
	padding: 14px 12px !important;
    border-bottom: 3px solid transparent;
}

#navbar > form.icons > div.dropdown > a {
	color : #fff;
}

.navbar .navbar-nav>li>a:focus,
.navbar .navbar-nav>li>a:hover {
    color: #fff;
    background-color: #3484b3;
    border-bottom: 3px solid white;
}

.navbar .navbar-nav > li > a.active,
.navbar .navbar-nav > li > a.active:focus,
.navbar .navbar-nav > li > a.active:hover {
    color: #fff;
    background-color: #1157c0;
    border-bottom: 3px solid white;
}