/* body {
    padding-top: 70px;
} */

html {
    height: 100%;
}

div.hero {
    background-image: url(assets/main_img_1.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 75vh;
}

nav > a:hover {
    color: red;
    border-bottom: pink;
}

.navbar-inverse {
    background-color: #2c3e50;
}

.navbar-inverse .navbar-nav>li>a {
    color: white;
}

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

#content {
    text-align: center;
    padding-top: 20%;
}

div.main_content {
    text-align: center;
}

h3.main {
    color: #333;
    font-weight: bolder;
    padding-top: 1em;
}

h3.hero {
    color: white;
}

hr {
    width: 30vw;
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}

p.body_text {
    font-size: 1.15em;
    padding-top: 1em;
}

div.bmr {
    padding-top: 2%;
}

.radio-inline {
    padding-top: 2%;
    padding-bottom: 2%;
    padding-right: 2%;
    padding-left: 2%;
}

div.gray {
    background-color: #eee;
    width: 100%;
    margin-top: 2%;
    padding-bottom: 2%;
    padding-top: 2%;
}

div.black {
    background-color: #333;
    width: 100%;
    padding-bottom: 2%;
    padding-top: 3%;
}

div.red {
    background-color: red;
    width: 100%;
    padding-bottom: 2%;
    padding-top: 3%;
}

h1 {
    padding-bottom: 1%;
}

.sign_up {
    color: white;
}

#results {
    font-size: 40px;
    color: rgb(225, 0, 39);
    padding-top: 4%;
  }

  footer {
      color: white;
      padding-top: 10%;
  }