.jumbotron {
    padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
    padding-bottom: 15px;
	min-height: 10px;
    margin-bottom: 10px;
    color: white;
    background-color: #3b5998; /* bg color behind namehead*/
}

.jumbotron .h1, .jumbotron h1 {
    font-size: 25px;
}

.imgWrap:hover .imgDescription {
  visibility: visible;
  opacity: 1;
}

.portfolio {
    font-family: 'Cookie', cursive;
    font-size: 40px;
}
.avatar {
	border-radius: 100%;
	display: inline-block;
	margin: 0 0 2em 0;
	padding: 0.5em;
	border: solid 1px rgba(255, 255, 255, 0.25);
	background-color: rgba(255, 255, 255, 0.075); /* color in circle around profile image*/
}

.avatar img {
	border-radius: 100%;
	display: block;
	width: 10em;
}

.nav {
	padding-top: 5px;
}

.namehead{
    font-family: 'Maven Pro', sans-serif;
}

.navbar-inverse {
    background-color: #3b5998; /* bg color behind main headings*/
    border-color: #3b5998;
}

.navbar-inverse .navbar-brand {
    color: white;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .nav-pills>li>a:hover {
    background-color: #2f436d; /* active tab color*/
}

.nav-pills {
    display: flex;
    justify-content: center;
}

.navbar-default {
    background-color: #3b5998; /* default bar color*/
    border-color: #3b5998;
}

.navbar-fixed-bottom {
    padding-top: 10px;
    padding-bottom: 10px;
	min-height: 1px;
	overflow:hidden
}

.topic {
    font-weight: bold;
    font-family: 'Maven Pro', sans-serif;
    font-size: 22px;
}

#body {
    padding:10px;
    padding-bottom:60px;
    background-color: #DFE8DD
}

#a {
    font-color: white;
}