/* CSS sourced from video-bg Starter Template */
html, body {
  font-family: 'Oswald', sans-serif;
  color: #1d1d1d;
  padding: 0px;
  margin: 0px;
}

.container-fluid#video{
  padding:0 !important; 
  margin: 0 !important;
}

.example-example {
  position: relative;
  width:100;
}

.content {
  display: table;
  width: 100%;
  min-height: 100vh;
  z-index: 0;
  position: relative;
}

.content .inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 16px;
}

.content .inner h1 {
  font-size: 62px;
  color: white;
  text-shadow: 5px 1px 3px rgba(0,0,0,0.5);
}

.content .inner h3 {
  font-size: 30px;
  color: white;
  text-shadow: 5px 1px 3px rgba(0,0,0,0.5);
}

h3 {
  font-size: 20px;
  color: black;
}

/* For Soundcloud embed. CSS help from Stack Overflow questions
https://stackoverflow.com/questions/5048793/the-scrolling-attribute-on-the-iframe-element-is-obsolete-use-css-instead
https://stackoverflow.com/questions/26274082/the-frameborder-attribute-on-the-iframe-element-is-obsolete-use-css-instead */
iframe {
  overflow:hidden;
  border:0px;
  width:100%;
  height:300;
}

 /* For homepage social media images - Additional code adapted from www.w3schools.com/howto/howto_js_topnav.asp & LinkedIn Learning exercise files */

.social-bar {
    margin:0 auto;
    text-align:center;
}

.social-bar a {
    padding: 40px;
    overflow:hidden;
    display:inline-block;
}

.social-bar img {
    width: 50px;
}

.social-bar .padding {
  background-color:white;
  padding:2px;
}