html,
body {
    height: 100%;
	color: #444444;
}

a {
	color: #ffd050;
}

a:hover {
	color: dodgerblue;
	text-decoration: none;
}

body {
    padding-top: 4rem;
}

h1, h3, h4{
	font-family: 'Averia Libre';
	font-weight: bold;
	color: #ffd050;
}

h2{
	font-family: 'Averia Libre';
	font-weight: bold;
	color: #777777;
}

hr {
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.navbar-brand {
	font-family: 'Averia Libre',cursive,'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size: 2rem;
}

.navbar {
	opacity: 1;
	padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.bg-custom {
	background: #ffd050;
}

.bg-subcats {
	background: white;
}

.bg-comments {
	background: #f9f9f9;
}

.footer a{
	font-family: 'Averia Libre';
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #da2;
    border-radius: .25rem;
}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: #da2;
}