/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 2rem;
}

/*https://colorhunt.co/palette/144326 */
.colored-icon{
  color: #49beb7
}

.circle{
    margin:20px;
    padding-top:14px;
    width:140px;
    height:140px;
    border-radius:100%;
    background-color:lightgrey;
    text-align:center;
    overflow:hidden;
}

.circleBlack{
    margin:20px;
    padding-top:40px;
    width:450px;
    height:450px;
    border-radius:100%;
    background-color:black;
    text-align:center;
    overflow:hidden;
}

.circleYellow{
    margin:20px;
    padding-top:40px;
    width:450px;
    height:450px;
    border-radius:100%;
    background-color:#49beb7;
    text-align:center;
    overflow:hidden;
}

.circle40{
    margin:20px;
    padding-top:14px;
    width:140px;
    height:140px;
    border-radius:100%;
    background-color:lightgrey;
    text-align:center;
    overflow:hidden;
}

.circle40Yellow{
    margin:20px;
    padding-top:14px;
    width:140px;
    height:140px;
    border-radius:100%;
    background-color:#49beb7;
    text-align:center;
    overflow:hidden;
}

.navbar{
  background-color:#49beb7;
}

.navbar-light .navbar-nav .nav-link {
    color: black;
}
.dropdown-menu {
  background-color:#49beb7;
}

.dropdown-menu > a:active {
    background-color:#6c757d;
}

.jumbotron{
  background-color:#49beb7;
}

.jumbotron-bottom{
  position:relative;
  bottom: -62px;
}

.black-link-underlined,a.black-link-underlined:visited {
  color: black;
  text-decoration: underline;
}

.black-link-underlined:hover,a.black-link-underlined:visited:hover,a.black-link-underlined:active {
  color: #49beb7;
}

@media screen and (max-width: 600px) {
  .jumbotron-bottom{
    position:relative;
    bottom: 0px;
  }
}