#container {
    position: relative;
    width: 98%;
    /* max-width: 980px; */
    height: auto;
    left: 50%;
    top: 0;
    margin: 0 0 0 -49%;
    padding: 0;
    background-color: black;
    border: 0px solid red;
    z-index: 500; }
@media only screen and (min-width: 1000px) {
#container {
    width: 700px;
    margin: 0 0 0 -350px; } }
#header {
    position: relative;
    width: 100%;
    height: 180px;
    left: 50%;
    top: 0;
    margin: 0px 0px 0px -50%;
    padding: 0px;
    background-image: url('images/header.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    background-color: none;
    border: none;
    z-index: 500; }
@media only screen and (max-width: 980px) {
#header {
    height: 240px;
    background-size: 165%; } }
#nav { /* entire nav section */
    position: relative;
    width: 100%;
    left: 50%;
    margin: 0px 0px 0px -50%;
    padding: 0;
    background-color: none;
    border: solid 0px hotpink;
    overflow: hidden;
    z-index: 999; }
#nav a { /* each anchor text rectangle*/
    float: left;
    display: block;
    width: 16.66%;
    color: white;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    text-align: center;
    font-size: 1em;
    font-family: 'Source Sans Pro', sans-serif;
    text-decoration: none;
    border: solid 0px limegreen;
    background-color: rgba(61,31,51,60%); }
@media only screen and (max-width: 980px) {
#nav a {
    font-size: 2em;
    padding-top: 3%;
    padding-bottom: 3%; } }
#nav a:hover {
    background-color: rgba(92,47,77,70%);
    color: rgb(255,255,255); }
#nav #current {
    background-color: rgba(92,47,77,100%); 
    color: rgb(255,255,255); }
#image_home {
    position: relative;
    width: 100%;
    left: 50%;
    top: 0;
    margin: 0 0 0 -50%;
    padding-top: 58%;
    background-image: url('images/image_home.jpg'); 
    background-position: center top;
    background-size: 100%;
    background-repeat: no-repeat;
    text-align: center;
    background-color: inherit;
    border: none;
    z-index: 500; }
#image_shows {
    position: relative;
    width: 100%;
    left: 50%;
    top: 0;
    margin: 0 0 0 -50%;
    padding-top: 41%;
    background-image: url('images/image_shows.jpg'); 
    background-position: center top;
    background-size: 100%;
    background-repeat: no-repeat;
    text-align: center;
    background-color: inherit;
    border: none;
    z-index: 500; }
#image_contact {
    position: relative;
    width: 100%;
    left: 50%;
    top: 0;
    margin: 0 0 0 -50%;
    padding-top: 41%;
    background-image: url('images/image_contact.jpg'); 
    background-position: center top;
    background-size: 100%;
    background-repeat: no-repeat;
    text-align: center;
    background-color: inherit;
    border: none;
    z-index: 500; }
#image_recordings {
    position: relative;
    width: 100%;
    left: 50%;
    top: 0;
    margin: 18px 0 10px -50%;
    padding-top: 47.2%;
    background-image: url('images/image_recordings.gif'); 
    background-position: center top;
    background-size: 100%;
    background-repeat: no-repeat;
    text-align: center;
    background-color: inherit;
    border: none;
    z-index: 500; }
#facebook_icon {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    top: 0;
    margin: 0;
    padding-top: 0;
    background-image: url('images/facebook_icon.png'); 
    background-position: 0 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: inherit;
    border: none;
    z-index: 500; }
@media only screen and (max-width: 980px) {
#facebook_icon {
    width: 80px;
    height: 80px;
    margin-top: 20px;
    background-size: 100%; } }
    
#spotify_icon {
    display: inline-block;
    position: relative;
    width: 45px;
    height: 40px;
    top: 0;
    margin: 0;
    padding-top: 0;
    background-image: url('images/spotify_icon.png'); 
    background-position: 0 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: inherit;
    border: none;
    z-index: 500; }
@media only screen and (max-width: 980px) {
#spotify_icon {
    width: 80px;
    height: 80px;
    margin-top: 20px;
    background-size: 100%; } }
    
#instagram_icon {
    display: inline-block;
    position: relative;
    width: 35px;
    height: 35px;
    top: 0;
    margin: 0;
    padding-top: 0;
    background-image: url('images/instagram_icon.png'); 
    background-position: 0 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: inherit;
    border: none;
    z-index: 500; }
@media only screen and (max-width: 980px) {
#instagram_icon {
    width: 80px;
    height: 80px;
    margin-top: 20px;
    background-size: 100%; } }
    
#apple_music_icon {
    display: inline-block;
    position: relative;
    width: 35px;
    height: 35px;
    top: 0;
    margin: 0;
    padding-top: 0;
    background-image: url('images/apple_music_icon.png'); 
    background-position: 0 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: inherit;
    border: none;
    z-index: 500; }
@media only screen and (max-width: 980px) {
#apple_music_icon {
    width: 80px;
    height: 80px;
    margin-top: 20px;
    background-size: 100%; } }
    
#youtube_icon {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    top: 0;
    margin: 0;
    padding-top: 0;
    background-image: url('images/youtube_icon.png'); 
    background-position: 0 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: inherit;
    border: none;
    z-index: 500; }
@media only screen and (max-width: 980px) {
#youtube_icon {
    width: 80px;
    height: 80px;
    margin-top: 20px;
    background-size: 100%; } }
    
#bandcamp_icon {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    top: 0;
    margin: 0;
    padding-top: 0;
    background-image: url('images/bandcamp_icon.png'); 
    background-position: 0 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: inherit;
    border: none;
    z-index: 500; }
@media only screen and (max-width: 980px) {
#bandcamp_icon {
    width: 80px;
    height: 80px;
    margin-top: 20px;
    background-size: 100%; } }

#bandsintown_icon {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    top: 0;
    margin: 0;
    padding-top: 0;
    background-image: url('images/bandsintown_icon.png'); 
    background-position: 0 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: inherit;
    border: none;
    z-index: 500; }
@media only screen and (max-width: 980px) {
#bandsintown_icon {
    width: 80px;
    height: 80px;
    margin-top: 20px;
    background-size: 100%; } }
    
#follow_icon {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    top: 0;
    margin: 0;
    padding-top: 0;
    background-image: url('images/follow_icon.png'); 
    background-position: 0 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: inherit;
    border: none;
    z-index: 500; }
@media only screen and (max-width: 980px) {
#follow_icon {
    width: 80px;
    height: 80px;
    margin-top: 20px;
    background-size: 100%; } }
    
#le_tasty_artwork {
    position: relative;
    width: 100%;
    left: 50%;
    top: 0;
    margin: 8px 0 10px -50%;
    padding-top: 47.2%;
    background-image: url('images/le_tasty_artwork.gif'); 
    background-position: center top;
    background-size: 100%;
    background-repeat: no-repeat;
    text-align: center;
    background-color: inherit;
    border: none;
    z-index: 500; }
#content {
    position: relative;
    width: 100%;
    margin: 0px 0px 0px -50%;
    left: 50%;
    top: 0;
    padding: none;
    background-color: none;
    border: solid 0px rgb(180,180,180);
    z-index: 999; }
h1 {
    font-size: 1.25em;
    line-height: 100%;
    color: rgb(235,168,59);
    margin-bottom: 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600; }
@media only screen and (max-width: 980px) {
h1 {
    font-size: 3em;
    margin-bottom: 0em;
} }
.first_line {
    padding-top: 1em;
    }
h2 {
    font-size: 1.15em;
    line-height: 100%;
    color: rgb(235,168,59);
    margin-bottom: 0px;
    padding-top: 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400; }
@media only screen and (max-width: 980px) {
h2 {
    font-size: 2.75em; } }
p {
    font-size: 1em;
    color: rgb(180,180,180);
    line-height: 135%;
    margin-bottom: 17px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300; }
@media only screen and (max-width: 980px) {
p {
    font-size: 2.5em; } }
#copyright {
    font-size: .8em; }
@media only screen and (max-width: 980px) {
#copyright {
    font-size: 2em; }}
a:link, a:visited {
    font-weight: 400; 
    color: rgb(153,78,128);
    text-decoration: none; }
a:hover, a:active {
    font-weight: 400;
    color: rgb(255,255,255);
    text-decoration: none; }
.container_bc_player {
    width: 700px;
    left: 50%;
    position: relative;
    border: solid 0px pink;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    margin: 20px 0 15px -350px; }
.container_video {
    overflow: hidden;
    padding-top: 27.62%; /* 27.62% 56.25%*/
    width: 49.1%;  /* 49.1% 100%*/ 
    position: relative;
    border: solid 2px rgba(61,31,51,60%);
    display: inline-grid;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 10px; }
.container_video_title {
    padding-top: 0;
    width: 49.1%;  /* 49.1% 100%*/ 
    position: relative;
    border: solid 0px rgb(153,78,128);
    display: inline-grid;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 4px; }
.video_title {
    font-size: .9em;
    line-height: 110%;
    color: rgb(235,168,59);
    padding-top: 0;
    padding-bottom: 1px;
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400; }
@media only screen and (max-width: 980px) {
.video_title {
    font-size: 2.2em;
    padding-bottom: 15px; } }
.container_video iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
.press_kit {
    position: relative;
    margin: 10px 0 10px 0;
    width: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
    border: solid 2px rgb(235,168,59);
    background-color: inherit; }
#pk_le_tasty_album_cover {
    padding-top: 81%;
    background-image: url('images/press_kit/le_tasty_album_cover.jpg'); }
#pk_trio_photo_bw {
    padding-top: 50%;
    background-image: url('images/press_kit/trio_photo_bw.jpg'); }
#pk_trio_photo_color {
    padding-top: 71%;
    background-image: url('images/press_kit/trio_photo_color.jpg'); }
#pk_boom_boom_room {
    padding-top: 75%;
    background-image: url('images/press_kit/boom_boom_room.jpg'); }
#pk_ivy_room {
    padding-top: 81.5%;
    background-image: url('images/press_kit/ivy_room.jpg'); }
#pk_band_collage_w_sax_n_keys {
    padding-top: 80%;
    background-image: url('images/press_kit/band_collage_w_sax_n_keys.gif'); }
body {
    background-color: rgb(0,0,0);
    margin: 0;
    padding: 0; }