body { 
  background: url("images/weatherbg-lg.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

footer {
  margin-top: 50px;
}
.navbar-default {
  background-color: black;
  background-color: rgba(0,0,0,0.8);
  border-color: black;
  border-color: rgba(0,0,0,0.8);
  opacity: .9;
}
.navbar-default .navbar-brand,
.navbar-default .navbar-nav>li>a {
  color: white;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: black;
  background-color: rgba(0,0,0,.6);
  border-color: white;
}

.navbar-default .navbar-nav>li>a:focus, 
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-brand:focus, 
.navbar-default .navbar-brand:hover {
  color: white;
  color: rgba(225,225,225,0.8);
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #DDD;
}

.header {
  background-color: white;
  background-color: rgba(0,0,0,0.8);
  color: white;
  opacity: 0.8;
  border-radius: 8px;
  padding-top: 10px;
  padding-bottom: 20px;
  min-width: 320px;
  max-width: 800px;
  margin-top: 100px;
}

.btn-sm {
  width: 50px;
  height: 30px;
  padding-top: 6px;
  font-size: 1.4em;
}

.btn-secondary {
  color: white;
  background-color: black;
}
.btn:hover, .btn:focus {
  color: white;
  color: rgba(255,255,255,.8);
}

.btn.active:focus, .btn:active:focus, .btn:focus {
  outline:none;
}

.inline {
  display: inline-block;
}

.hidden {
  display: none;
}
.row {
  margin: 10px;
}

#weather-icon {
  padding-right: 0px;
  padding-bottom: 10px;
  font-size: 3.5em;
}
#temp {
  font-size: 2.4em;
  font-weight: 200;
}
#units { 
  font-size: 1.2em;
  vertical-align: top;
}

#condition {
  font-size: 3rem;
  font-weight: 200;
  text-transform: capitalize;
}

#display {
  display: flex;
  justify-content: center;
  font-size: 4rem;
  font-weight: 400;
}