
#hamnav {
  width: 100%;
  background: #000;
  /* Optional */
  position: sticky;
  top: 0;
}
header {
  text-align: center;
  font-size: 55px;
  font-family: Cambria;
  margin-top: 1%;
  color: rgb(105, 32, 32);
  /* background-color: rgb(187, 184, 184); */
}

/* Hide Hamburger */
#hamnav label, #hamburger { display: none; }

/* Horizontal Menu Items */
#hamitems { display: flex; }
#hamitems a {
  width: 20%; /* 100% / 5 tabs = 20% */
  padding: 10px;
  color: white;
  text-decoration: none;
  text-align: center;
}
#hamitems a:hover {
  background: #401408;
}
@media (min-width: 3000px) and (max-width: 4000px){
  #hamnav {
    width: 100%;
    background: #000;
    /* Optional */
    position: sticky;
    top: 0;
  }
  header {
    text-align: center;
    font-size: 35px;
    font-family: Cambria;
    margin-top: 1%;
    color: rgb(105, 32, 32);
    /* background-color: rgb(187, 184, 184); */
  }
  
  /* Hide Hamburger */
  #hamnav label, #hamburger { display: none; }
  
  /* Horizontal Menu Items */
  #hamitems { display: flex; }
  #hamitems a {
    width: 20%; /* 100% / 5 tabs = 20% */
    padding: 10px;
    color: white;
    text-decoration: none;
    text-align: center;
  }
  #hamitems a:hover {
    background: #401408;
  }
  .homevideo{
    margin-left: 17%;
    width: 69%;
    height: 10%;
    margin-top: 10px;
  }
  .parent{
    margin-left: 5%;
  }
  img.image1 {
  position: relative;
  width:100%;
  
  }
  img.image2 {
  position: absolute;
  width:40%;
  left: 1200px;
  margin-top: 520px;
  }

  p{
    text-align: center;
    color: solid black 10px;
    font-size: 25px;
  }
  header {
    text-align: center;
    font-size: 40px;
    font-family: Cambria;
    margin-top: 1%;
    color: rgb(105, 32, 32);
    /* background-color: rgb(187, 184, 184); */
  }
  #soundcloud{
    margin-left: 15%;
    width: 90%;
    height:50% ;
  }
  iframe{
    height:50%;
    width: 80%;
    margin-left: 5px;
    margin-top: 5px;
  }
  #you-tube{
      display: flex; 

  }
  #shows{
    margin-left: 17%;
    width: 70%;
    text-align: center;
  }
  #photos div{
    display: flex;
    flex-direction: row;
  }
  
    .pics{
      width: 800px;
      margin-left: 1%;
      border: solid red 1px;
      border-radius:5px;
  }
  }@media (min-width: 2560px) and (max-width: 2999px){
    #hamnav {
      width: 100%;
      background: #000;
      /* Optional */
      position: sticky;
      top: 0;
    }
    header {
      text-align: center;
      font-size: 35px;
      font-family: Cambria;
      margin-top: 1%;
      color: rgb(105, 32, 32);
      /* background-color: rgb(187, 184, 184); */
    }
    
    /* Hide Hamburger */
    #hamnav label, #hamburger { display: none; }
    
    /* Horizontal Menu Items */
    #hamitems { display: flex; }
    #hamitems a {
      width: 20%; /* 100% / 5 tabs = 20% */
      padding: 10px;
      color: white;
      text-decoration: none;
      text-align: center;
    }
    #hamitems a:hover {
      background: #401408;
    }
    .homevideo{
      margin-left: 17%;
      width: 69%;
      height: 10%;
      margin-top: 10px;
    }
    .parent{
      margin-left: 5%;
    }
    img.image1 {
    position: relative;
    width:100%;
    
    }
    img.image2 {
    position: absolute;
    width:40%;
    left: 880px;
    margin-top: 332px;
    }
  
    p{
      text-align: center;
      color: solid black 10px;
      font-size: 25px;
    }
    header {
      text-align: center;
      font-size: 40px;
      font-family: Cambria;
      margin-top: 1%;
      color: rgb(105, 32, 32);
      /* background-color: rgb(187, 184, 184); */
    }
    #soundcloud{
      margin-left: 15%;
      width: 90%;
      height:50% ;
    }
    iframe{
      height:50%;
      width: 80%;
      margin-left: 5px;
      margin-top: 5px;
    }
    #you-tube{
        display: flex; 
  
    }
    #shows{
      margin-left: 17%;
      width: 70%;
      text-align: center;
    }
    #photos div{
      display: flex;
      flex-direction: row;
    }
    
      .pics{
        width: 800px;
        margin-left: 1%;
        border: solid red 1px;
        border-radius:5px;
    }
    }
  
  
  @media (min-width: 1980px) and (max-width: 2559px){
    #hamnav {
      width: 100%;
      background: #000;
      /* Optional */
      position: sticky;
      top: 0;
    }
    header {
      text-align: center;
      font-size: 35px;
      font-family: Cambria;
      margin-top: 1%;
      color: rgb(105, 32, 32);
      /* background-color: rgb(187, 184, 184); */
    }
    
    /* Hide Hamburger */
    #hamnav label, #hamburger { display: none; }
    
    /* Horizontal Menu Items */
    #hamitems { display: flex; }
    #hamitems a {
      width: 20%; /* 100% / 5 tabs = 20% */
      padding: 10px;
      color: white;
      text-decoration: none;
      text-align: center;
    }
    #hamitems a:hover {
      background: #401408;
    }
    .homevideo{
      margin-left: 17%;
      width: 69%;
      height: 5%;
      margin-top: 10px;
    }
    .parent{
      margin-left: 5%;
    }
    img.image1 {
    position: relative;
    width:100%;
    
    }
    img.image2 {
    position: absolute;
    width:38%;
    left: 800px;
    margin-top: 335px;
    }
  
    p{
      text-align: center;
      color: solid black 10px;
      font-size: 25px;
    }
    header {
      text-align: center;
      font-size: 40px;
      font-family: Cambria;
      margin-top: 1%;
      color: rgb(105, 32, 32);
      /* background-color: rgb(187, 184, 184); */
    }
    #soundcloud{
      margin-left: 15%;
      width: 90%;
      height:50% ;
    }
    iframe{
      height:50%;
      width: 80%;
      margin-left: 2px;
  
    }
    #you-tube{
        display: flex; 
  
    }
    #shows{
      margin-left: 17%;
      width: 70%;
      text-align: center;
    }
    #photos div{
      display: flex;
      flex-direction: row;
    }
    
      .pics{
        width: 300px;
        margin-left: 5%;
        border: solid red 1px;
        border-radius:5px;
    }
    }
     @media only screen and (-webkit-min-device-pixel-ratio: 3) {
    /* CSS */
    }

    @media (min-width: 1860px) and (max-width: 1979px){

      #hamnav {
        width: 100%;
        background: #000;
        /* Optional */
        position: sticky;
        top: 0;
      }
      header {
        text-align: center;
        font-size: 35px;
        font-family: Cambria;
        margin-top: 1%;
        color: rgb(105, 32, 32);
        /* background-color: rgb(187, 184, 184); */
      }
      
      /* Hide Hamburger */
      #hamnav label, #hamburger { display: none; }
      
      /* Horizontal Menu Items */
      #hamitems { display: flex; }
      #hamitems a {
        width: 20%; /* 100% / 5 tabs = 20% */
        padding: 10px;
        color: white;
        text-decoration: none;
        text-align: center;
      }
      #hamitems a:hover {
        background: #401408;
      }
      .homevideo{
        margin-left: 17%;
        width: 69%;
        height: 5%;
        margin-top: 10px;
      }

      .parent{
        margin-left: 5%;
      }
      img.image1 {
      position: relative;
      width:100%;
      
      }
      img.image2 {
      position: absolute;
      width:40%;
      left: 610px;
      margin-top: 250px;
      }
      
  p{
    text-align: center;
    color: solid black 10px;
    font-size: 25px;
  }
  header {
    text-align: center;
    font-size: 40px;
    font-family: Cambria;
    margin-top: 1%;
    color: rgb(105, 32, 32);
    /* background-color: rgb(187, 184, 184); */
  }
  #soundcloud{
    margin-left: 8%;
    width: 80%;
    height:50% ;
  }
  iframe{
    height:40%;
    width: 100%;
  }
  #you-tube{
    margin-left: 25%;
      display:inline-block; 
  }
  #shows{
    width: 100%;
    text-align: center;
  }
  #photos div{
    display: flex;
    flex-direction: row;
  }
  
    .pics{
      width: 300px;
      margin-left: 5%;
      border: solid red 1px;
      border-radius:5px;
  }
    }



@media (min-width: 1401px) and (max-width: 1859px){
  #hamnav {
    width: 100%;
    background: #000;
    /* Optional */
    position: sticky;
    top: 0;
  }
  header {
    text-align: center;
    font-size: 35px;
    font-family: Cambria;
    margin-top: 1%;
    color: rgb(105, 32, 32);
    /* background-color: rgb(187, 184, 184); */
  }
  
  /* Hide Hamburger */
  #hamnav label, #hamburger { display: none; }
  
  /* Horizontal Menu Items */
  #hamitems { display: flex; }
  #hamitems a {
    width: 20%; /* 100% / 5 tabs = 20% */
    padding: 10px;
    color: white;
    text-decoration: none;
    text-align: center;
  }
  #hamitems a:hover {
    background: #401408;
  }
  .homevideo{
    margin-left: 17%;
    width: 69%;
    height: 5%;
    margin-top: 10px;
  }
  .parent{
    margin-left: 5%;
  }
  img.image1 {
  position: relative;
  width:100%;
  
  }
  img.image2 {
  position: absolute;
  width:40%;
  left: 450px;
  margin-top: 177px;
  }

  p{
    text-align: center;
    color: solid black 10px;
    font-size: 25px;
  }
  header {
    text-align: center;
    font-size: 40px;
    font-family: Cambria;
    margin-top: 1%;
    color: rgb(105, 32, 32);
    /* background-color: rgb(187, 184, 184); */
  }
  #soundcloud{
    margin-left: 10%;
    width: 90%;
    height:50% ;
  }
  iframe{
    height:40%;
    width: 100%;
  }
  #you-tube{
    margin-left: 16%;
      display:inline-block; 
  }
  #shows{
    
    width: 100%;
    text-align: center;
  }
  #photos div{
    display: flex;
    flex-direction: row;
  }
  
    .pics{
      width: 300px;
      margin-left: 5%;
      border: solid red 1px;
      border-radius:5px;
  }
  }

@media (min-width: 1280px) and (max-width: 1400px){
  #hamnav {
    width: 100%;
    background: #000;
    /* Optional */
    position: sticky;
    top: 0;
  }
  header {
    text-align: center;
    font-size: 35px;
    font-family: Cambria;
    margin-top: 1%;
    color: rgb(105, 32, 32);
    /* background-color: rgb(187, 184, 184); */
  }
  
  /* Hide Hamburger */
  #hamnav label, #hamburger { display: none; }
  
  /* Horizontal Menu Items */
  #hamitems { display: flex; }
  #hamitems a {
    width: 20%; /* 100% / 5 tabs = 20% */
    padding: 10px;
    color: white;
    text-decoration: none;
    text-align: center;
  }
  #hamitems a:hover {
    background: #401408;
  }
  .homevideo{
    margin-left: 17%;
    width: 69%;
    height: 5%;
    margin-top: 10px;
  }
  .parent{
    margin-left: 5%;
  }
  img.image1 {
  position: relative;
  width:100%;
  
  }
  img.image2 {
  position: absolute;
  width:40%;
  left: 402px;
  margin-top: 153px;
  }

  p{
    text-align: center;
    color: solid black 10px;
    font-size: 25px;
  }
  header {
    text-align: center;
    font-size: 30px;
    font-family: Cambria;
    margin-top: 1%;
    color: rgb(105, 32, 32);
    /* background-color: rgb(187, 184, 184); */
  }
  #soundcloud{
    margin-left: 15%;
    width: 90%;
    height:50% ;
  }
  iframe{
    height:40%;
    width: 80%;
  }
  #you-tube{
    margin-left: 20%;
      display:inline-block; 
  }
  #shows{
    margin-left: 17%;
    width: 70%;
    text-align: center;
  }
  #photos div{
    display: flex;
    flex-direction: row;
  }
  
    .pics{
      width: 300px;
      margin-left: 5%;
      border: solid red 1px;
      border-radius:5px;
  }
  }


@media (min-width: 1024px) and (max-width: 1279px){
  #hamnav {
    width: 100%;
    background: #000;
    /* Optional */
    position: sticky;
    top: 0;
  }
  header {
    text-align: center;
    font-size: 50px;
    font-family: Cambria;
    margin-top: 1%;
    color: rgb(105, 32, 32);
    /* background-color: rgb(187, 184, 184); */
  }
  
  /* Hide Hamburger */
  #hamnav label, #hamburger { display: none; }
  
  /* Horizontal Menu Items */
  #hamitems { display: flex; }
  #hamitems a {
    width: 20%; /* 100% / 5 tabs = 20% */
    padding: 10px;
    color: white;
    text-decoration: none;
    text-align: center;
  }
  #hamitems a:hover {
    background: #401408;
  }
  .homevideo{
    margin-left: 17%;
    width: 68%;
    height: 5%;
    margin-top: 50px;
  }
  .parent{
    margin-left: 5%;
    margin-top: 80px;
  }
  img.image1 {
  position: relative;
  width:100%;
  
  }
  img.image2 {
  position: absolute;
  width:40%;
  left: 327px;
  margin-top: 125px;
  }
  p{
    text-align: center;
    color: solid black 10px;
    font-size: 25px;
  }
  header {
    text-align: center;
    font-size: 40px;
    font-family: Cambria;
    margin-top: 1%;
    color: rgb(105, 32, 32);
    /* background-color: rgb(187, 184, 184); */
  }
  #soundcloud{
    margin-left: 15%;
    width: 90%;
    height:50% ;
  }
  iframe{
    height:40%;
    width: 80%;
  }
  #you-tube{
    margin-left: 20%;
      display:inline-block; 
  }
  #shows{
    text-align: center;
  }
  #photos div{
    display: flex;
    flex-direction: row;
  }
  
    .pics{
      width: 200px;
      margin-left: 5%;
      border: solid red 1px;
      border-radius:5px;
  }
  }
  

@media (min-width: 768px) and (max-width: 1023px){
#hamnav {
  width: 100%;
  background: #000;
  /* Optional */
  position: sticky;
  top: 0;
}
header {
  text-align: center;
  font-size: 35px;
  font-family: Cambria;
  margin-top: 1%;
  color: rgb(105, 32, 32);
  /* background-color: rgb(187, 184, 184); */
}

/* Hide Hamburger */
#hamnav label, #hamburger { display: none; }

/* Horizontal Menu Items */
#hamitems { display: flex; }
#hamitems a {
  width: 20%; /* 100% / 5 tabs = 20% */
  padding: 10px;
  color: white;
  text-decoration: none;
  text-align: center;
}
#hamitems a:hover {
  background: #401408;
}
.homevideo{
  margin-left: 18%;
  width: 68%;
  height: 5%;
  margin-top: 30px;
}
.parent{
  margin-left: 5%;
  margin-top: 80px;
}
img.image1 {
position: relative;
width:100%;

}
img.image2 {
position: absolute;
width:40%;
left: 245px;
margin-top: 93px;
}
p{
  text-align: center;
  color: solid black 10px;
  font-size: 25px;
}
header {
  text-align: center;
  font-size: 40px;
  font-family: Cambria;
  margin-top: 1%;
  color: rgb(105, 32, 32);
  /* background-color: rgb(187, 184, 184); */
}
#soundcloud{
  margin-left: 20%;
  width: 90%;
  height:50% ;
}
iframe{
  height:40%;
  width: 70%;
}
#you-tube{
  margin-left: 20%;
    display:inline-block; 
}
#shows{
  text-align: center;
}
#photos div{
  display: flex;
  flex-direction: row;
}

  .pics{
    width: 200px;
    margin-left: 5%;
    border: solid red 1px;
    border-radius:5px;
}

}

@media (min-width: 0px) and (max-width: 767px){
  #hamnav label{ 
    
    display: inline-block; 
    color: white;
    background: #a02620;
    font-style: normal;
    font-size: 1.2em;
    padding: 10px;
  }

  /* Break down menu items into vertical */
  #hamitems a {
    text-align: center;
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-top: 1px solid #333;
  }

  /* Toggle Show/Hide Menu */
  #hamitems { display: none; }
  #hamnav input:checked ~ #hamitems { display: block; }


p{
  text-align: center;
  color: solid black 10px;
  font-size: 25px;
}
  header {
    text-align: center;
    font-size: 22px;
    font-family: Cambria;
    margin-top: 1%;
    color: rgb(2, 1, 1);
    /* background-color: rgb(187, 184, 184); */
}
    .homevideo{
      margin-left: 17%;
      width: 68%;
      height: 5%;
      margin-top: 10px;
    }
    
    .parent{
      margin-left: 5%;
      margin-top: 25px;
    }
   img.image1 {
    position: relative;
    width:100%;
 }
  
  img.image2 {
    position: absolute;
    width:41%;
    left: 115px;
    margin-top: 45px;
  }
  #you-tube{
    margin-left: 10%;
      display:inline-block; 
  }
  #soundcloud{
      margin-left: 10%;
      width: 90%;
      height:50% ;
  }

  #shows{
    text-align: center;
}

#photos div{
  display: flex;
  flex-direction: row;
}

  .pics{
    width: 100px;
    margin-left: 15%;
    border: solid red 1px;
    border-radius:5px;
}
  iframe{
      height:50%;
      width: 90%;
  }
}
