body{
        padding-bottom: 20px;
        font-family: 'Helvetica';
     font-size:16px;
    }

.contact{
    color:white;
}

.contact h1{
    color:white;
}

.contact b{
    color:white;
    font-weight: 600;
}

.contact a{
    color:white;
    font-style:italic; 
    font-weight: 300
}

#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

.lyrics h1{
    color:white;
}

.lyrics b{
    color:white;
}

.lyrics button{
    padding:2%;
    width:50%;
}
.lyrics{
    color:white;
}
    
.lyrics pre{
    font-family: 'Helvetica',serif;
}

.songs{
      display: none;
  overflow: hidden;
}
.collapsible {
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  font-size: 15px;
}

.active, .collapsible:hover {
  background-color: #000;
}

 /* MENU */   
@import url(https://fonts.googleapis.com/css?family=Share:400,700&subset=latin,latin-ext);

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html {
    font: 0.75em/1.5 sans-serif;
    background: #000;
    margin-top: 50px;
}

/**
 * Tabs object.
 *
 * 1. Tables (kinda) for layout!
 * 2. This is the magic bit; make all children occupy equal width.
 * 3. Required to make the tabs fill their container.
 * 4. Make each tab pack up horizontally.
 * 5. Ensure the hit area covers the whole tab.
 */
.tabs {
    margin:  0;
    padding: 0;
    list-style: none;
    display: table; /* [1] */
    table-layout: fixed; /* [2] */
    width: 100%; /* [3] */
}

    .tabs__item {
        width: 100%;
        float: left;
    }

    @media screen and (min-width: 40em) {
        .tabs__item {
          display: table-cell; /* [4] */
          float: none;
          width: auto;
        }
    }

.tabs__link {
display: block; /* [5] */
        }


/**
 * Primary nav. Extends `.tabs`.
 *
 * 1. Stop tabs’ corners leaking out beyond our 4px round.
 */
.primary-nav {
    text-align: center;
    border-radius: 0;
    overflow: hidden; /* [1] */
}

.primary-nav a {
    padding: .75em 0em;
    color: #fff;
  
    
    text-decoration: none;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1.2em;
        }

.primary-nav a:hover {
    opacity: .8;
        }

.anything{
font-size:20px;
padding:10px;   
}


/* Responsive-nav.js */

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.disable-pointer-events {
  pointer-events: none !important;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@media screen and (min-width: 40em) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}

.nav-collapse {
  list-style: none;
  width: 100%;
  padding-top: 40px;
    text-align: center;

}

.fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}

.nav-toggle {
  position: fixed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  text-indent: -999px;
  position: relative;
  overflow: hidden;
  width: 70px;
  height: 55px;
  float: right;
}

.nav-toggle:before {
  color: #f8d800; /* Edit this to change the icon color */
  font-family: "responsivenav", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 28px;
  text-transform: none;
  position: absolute;
  content: "≡";
  text-indent: 0;
  text-align: center;
  line-height: 55px;
  speak: none;
  width: 100%;
  top: 0;
  left: 0;
}

.nav-toggle.active::before {
  font-size: 24px;
  content:"x";
}
   
button{
        padding:7%;
        background-color:black;
        opacity: .65;
        color:white;
        margin: 10px;
        border:0px; 
    }
    button a{
        color:#fff;
        text-decoration: none;
        font-family: 'Helvetica';
        font-weight: normal;
    }
button:hover{
    opacity: 1;
    background-color:#000;
}

/* Add some content at the bottom of the video/page */
.content {
  position: relative;
    text-align: center;
    }
    
.social {
position:relative;
text-align:center;
width: 100%;
}
    
.social img{
width: 40px;
padding: 5px;
 z-index: 2;
    }
    
.social img:hover {opacity: 1;}
  
.homesocial {
bottom:40px;
width:100%;
    z-index: 2;
    position: fixed;
}
.homesocial img{
width: 40px;
padding: 5px;
 z-index: 2;
    }

h1{
  font-family:'Helvetica';
  font-size:30px;
  margin-bottom: 0px;
  color:#000;
    }

social {
  text-align: center;
}

contact{
    font-size: 20px;
    color:#fff;
}


#popup_this {
    top: 50%;
    left: 50%;
    max-width: 800px;
    min-width: 400px;
    text-align:center;
    margin-top: 20px;
    margin-right: 150px;
    margin-left:100px;
    color:#fff;
    position: relative;
    background: #000;
    padding: 30px;
       font-family: 'Helvetica';
        font-weight: 100;
}

.popup{
    border-color:#fff;
    border:2px solid white;
    width:auto;
    padding:30px;
       font-family: 'Helvetica';
        font-weight: 100;
}

h2{
       font-family: 'Helvetica';
        font-weight: 100;
    
    
}

#pop_this; h1{
    color:#fff;
    font-size:18px;
}

#pop_this button{
        padding:5%;
        background-color:white;
        color:white;
        margin: 10px;
        border:0px; 
       font-family: 'Helvetica';
        font-weight: 100;
    }

    #pop_this button a{
        color:#000;
        text-decoration: none;
        font-family: 'Helvetica';
        font-weight: 100;
    }

pop_this button:hover{
    background-color:#fff;
}

.b-close {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    color: #fff;
    background: #000;
    padding: 15px 20px;
}

@media only screen and (max-width: 600px) {
.logo img{
    width:80%; 
} 
    #popup_this {
    max-width: 300px;
    width:80%;
    text-align:center;
    margin-top: 20px;
    margin-right: auto;
    margin-left:auto;
    position:static;
}
    
    td img{
        width:80%;
    }}