html, body {
  margin: 0;
  padding: 0;
  font-family: 'Merriweather', serif;
}

body{
  background: url("https://s3.amazonaws.com/codecademy-content/projects/junction/bg.jpg")  no-repeat center center fixed;
  background-size:cover;
}
.container {
  
  max-width:940px;

}

/* Header */
.header {
  height:60px;
  background-color:rgba(0,0,0,.5);
  padding: 10px 0;
}

.header .logo{
  width:40px;
  height:40px;
  margin:0 20px 0;
  display:inline-block;

}

.header ul{
  display: inline-block;
}
.header li{
 color:white;
  margin: 0 5px;
   display:inline-block;
  list-style:none;
}
.header li:hover{
  text-decoration:underline;
   color:rgba(0,255,188,0.5);
}

/* Jumbotron */
.jumbotron {
  background:none;
  position: relative;
  top: 50px;
  text-shadow: 0 2px 3px rgba(0,0,0,.4);
}
.jumbotron .container{
text-align:center;
  color:white;
}

/* Supporting */
.supporting {
  margin-top: 40px;
  text-shadow: 0 2px 3px rgba(0,0,0,.4);
}
.supporting .container img{
  width:100px;
}
.supporting .col-md-4{
  color:white;
  text-align:center;
}

.botom{

  margin: 100px;
  text-align:center;
}
.btn{
  color:white;
  width:120px;
  background-color:rgba(0,255,188,0.5);
}
.btn:hover{
  color:white;
  background-color:rgba(0,0,0,.5);
}