div{
    text-align:center;
}

.normal{
    height:auto;
}
h1{
    font-size: 100px;
}
.sm{
  width:40px;
  height:40px;
  display:inline
}
img{
    height:200;
}
.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: white;
  color: #000929;
  text-align: center;
}
body {
  background-image: url('starrysky.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  color: white;
  font-family: "Tomorrow", sans-serif;
  font-weight: 500;
  font-style: normal;
}


/*allows the dropdown to drop on hover, instead of on click*/
.dropdown:hover .dropdown-menu {
display: block;
}

/*This changes the background color of the entire navbar*/
.navbar-default{
  background-color: #000929;
}
/*This changes the text color of the entire navbar*/
.navbar-default .navbar-nav>li>a{
  color:#fff;
}
/*This changes the text and background color on hover*/
.navbar-default .navbar-nav>li>a:hover{
  color:#ccc;
  background-color:#000;
}

/*changes the background and text color of the active class*/
.navbar-default .navbar-nav>.active>a{
  background-color: #ffffff;
  color:#000;
}
/*changes the background and text color of the active class*/
/*ON HOVER ONLY*/
.navbar-default .navbar-nav>.active>a:hover{
  background-color: #ccc;
  color:#000;
}

/*change colors of the dropdowns*/
.dropdown-menu>li>a{
  color:#fff;
  background-color: #000929;
}
/*change colors of the dropdowns ON HOVER*/
.dropdown-menu>li>a:hover{
  color:#ccc;
  background-color: #000;
}