.jumbotron {
  background-color: white;
  margin-bottom:0px;
}

p {
  font-size: 1.2em;
}

.d3-widget {
  margin-bottom:25px;
}

.profile {
  max-width: 200px;
}

.glyphicon-landing {
  font-size: 75px;
}

.logo-formatting {
  margin: 10px;
  max-height:70px;
}

.quarter-width {
  max-width: 75%;
}

@media (max-width: 767px) {
  body {
    margin-top:120px;
    padding: 25px;
    font-size:100%;
  }
  .logo-formatting {
    max-width: 200px;
    margin: 10px;
  }
  .jumbotext {
    margin:30px;
  }
  .profile {
    margin-bottom: 10px;
  }
}

@media (min-width: 767px) {
body {
  padding: 70px;
}
  .vertical-align {
      display: flex;
      align-items: center;
  }
}

.form-actions{
  margin: 30px;
  text-align: center;
}

.textleft {
  text-align: left;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.centerandmiddle {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.parent {
  position: relative;
}
.child {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.left-align {
  text-align: left;
}

.extra-margin-bottom {
  margin-bottom: 30px;
}

.text-center {
  text-align: center;
}
/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto }

.col-fixed {
    /* custom width */
    width:320px;
}
.col-min {
    /* custom min width */
    min-width:250px;
}
.col-max {
    /* custom max width */
    max-width:320px;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.vertical-align {
    display: flex;
    align-items: center;
}

.bannerrow {
    max-height: 400px;
}

/* Custom Links */

a.customcolor:link {
    color: #333333;
}

/* visited link */
a.customcolor:visited {
    color: #333333;
}

/* mouse over link */
a.customcolor:hover {
    color: #434343;
}

/* selected link */
a.customcolor:active {
    color: #434343;
}

.container-narrow > hr {
  margin: 30px 0;
}

.fill {
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.navbar-default {
    background: rgba(255, 255, 255, 0.85);
    border: none;
    color: #777;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
}
.navbar-nav {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: inline-block;
    float: none;
    font-size: 1em;
    font-weight: bold;
}

html, body {
    height: 100%;
    width: 100%;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
}
a:link, a:visited {
    outline: 0;
}
a:hover, a:active {
    text-decoration: none;
}
a img {
    border: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Oxygen', sans-serif;
    font-weight: 700;
}

.lead {
  font-size: 1.0em;
  font-style: italic;
}

.ov {
    width: 200px;
    height: 400px;
    background-color: #eee;
    overflow: visible;
}

/* Background colors for download table*/

.BGI_Diabetes {
  background-color: rgba(68,175,120,0.10);
}
.HMP_HMASM {
  background-color: rgba(203,24,29,0.10);
}
.MetaHIT_IBD {
  background-color: rgba(34,94,168,0.10);
}