body {
  background-image: url('../images/music.jpg');
  margin:0px;
  padding:0px;

}
header {
  background-color:#1f988e;
  height: 80px;
  opacity: 0.7;
   
}
img{
  margin-left: 5px;
  float: left;
  
}
span{
  color: red;
  text-shadow: #0076a3;
}
h2{
  float: left;
  margin-top: 5px;
}

  nav ul {
    list-style-type: none;
    text-align:left;
    margin:0px;
    padding:10px;
    font-family: Arial, Verdana;
    font-size: 14px;
    vertical-align: middle;
  
  }

 

  
    nav ul li {
      display: inline;
    
    }
   nav ul li a {
      text-decoration:none;
      padding:20px;
      color:black;
   }
     .nav_ul { 
       float: right;
       width:30%;
      margin-top:10px;
    
    }
      
      
      
      
    
    nav h1 { 
    width:30%;
    padding: 15px;
    float: left;
   
    }
  

.container{
  margin: 40px auto;
  width: 945px;


}
.new_release {
  margin-top:30px;
  width: 47%;
  height:40px; 
  background-color:#1f988e;
  float: left;
  padding: 5px;
  opacity:0.7;
 
  
}
.charts {
  width: 47%;
  height:40px; 
  background-color:#1f988e;
  margin-top:30px;
  float: right;
  padding: 5px;
  opacity:0.7;
}

#chart {
  padding-top: 10px;
  padding-left: 10px;
  vertical-align: middle; 
  color:white;

  
}
#release {
  padding-top: 20px;
  padding-left: 10px;
  vertical-align: middle; 
  color:white;

}
.add_videos { 
  width: 150px;
  height: 150px;
  border: 1px solid black;
  clear: both;
}
.add_videos { 
  width: 150px;
  height: 150px;
  border: 1px solid black;
  float: right;
  margin:16px;

}
.add_videos1 { 
  width: 150px;
  height: 150px;
  border: 1px solid black;
  float: right;
  margin:16px;
}
.add_videos2 { 
  width: 150px;
  height: 150px;
  border: 1px solid black;
  float: right;
  margin:16px;
}
.add_videos3 { 
  width: 150px;
  height: 150px;
  border: 1px solid black;
  float: right;
  margin:16px;
}
.add_videos4 { 
  width: 150px;
  height: 150px;
  border: 1px solid black;
  float: right;
  margin:16px;
}


.searchbar{
  margin-top: 8px;
}
.glyphicon-search{
  margin-top: 8px;
  padding: 8px;
  
  
}
input[type=text]{
  width: 86%;
  padding: 12px;
  font-family: arial;
  font-size: 17px;
  border: 1px solid #0076a3;
  border-right: 0;
  border-radius: 5px 0 0 5px;
  font-style: italic;
  margin-top: 5px;
 margin-bottom: 10px;


}
#search{
  position: absolute;
  padding: 12px;
  width: 8%;
  font-family: arial;
  font-size: 17px;
  text-shadow: 0 0 1px #000;
  cursor: pointer;
  text-align: center;
  color: #fff;
  border-right: 0;
  background: linear-gradient(#00adee, #0078a5);
  border: 1px solid #0076a3;
  margin-top: 5px;
  margin-bottom: 10px;
  

}
.main{
  float: left;
}

footer {
 
  background-color: #000;
  height: 100px;
  clear: both;
  opacity: 0.8;

}
.fa {
  padding:20px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
  margin:5px;

}

/*Add a hover effect if you want */

.fa:hover {
    opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
    background: #3B5998;
    color: white;
   
}

/* Twitter */
.fa-twitter {
    background: #55ACEE;
    color: white;
}
.fa-linkedin {
  background: #007bb5;
  color: white;
}
.fa-youtube {
  background: #bb0000;
  color: white;
  align-items: center;
 }

 .social_icons {
   width:25%;
   float: right;
   margin-top:10px;
   


 }
 .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
 
   
 
 iframe {
  margin: 5px;
}