*{
    margin:0;
    padding:0;
    
    text-decoration: none;
}



p{
    color: white
}
#background-video {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -1;
  object-fit: cover;
  
}



.header{
    
    font-style: oblique;
    
    background-color: #101010;
    width:100%;
    height: 80px;
    display:block;
    }
.inner_header{
    width:1000px;
    height: 100%;
    display: block;
    margin: 0 auto;
    
}
    .logo_container{
        height: 100%;
        display: table;
        float: left;

    }

    .logo_container h1{
        color:white;
        height: 100%;
        display: table-cell;
        vertical-align: middle;
        font-size: 40px;
        font-family: MedievalSharp;
        font-weight: 200;
    }

    .logo_container h1 span {
        font-weight: 800;
    }
    .navigation {
        float: right;
        height: 100%;
    }
.navigation a{
    height: 100%;
    display: table;
    float: left;
    padding: 0px 20px;

}
.navigation a li{
    display: table-cell;
    vertical-align:middle;
    height: 100%;
    color: white;
    font-family: MedievalSharp;

}
.navigation a:last-child{
    padding-right: .5;
}
.medievalsharp-regular {
  font-family: "MedievalSharp", cursive;
  font-weight: 100;
  font-style: normal;
}

ul{
    font-size: 25px;
}
#my-list{
    margin-left: 40px;
}
h2{
    color: white;
    font-family: MedievalSharp;
    font-size: 40px;
    margin-left: 18px;
}

 #toggleSoundBtn {
     
      top: 20px;
      left: 20px;
      padding: 10px 20px;
      font-size: 16px;
      z-index: 1;
      border: none;
      cursor: pointer;
      background-color: #ffffff;
      
      
      
    
     
 }

 body{
    background-color: rgb(255, 255, 255);
    
 }


.section {
    background-color: black;
    
}

#h22 {
    display: flex; 
    justify-content: center;
    font-size: 80px;
    color: white;
    font-family: MedievalSharp;
    margin-top: 30px;
    

}

h3{
    color: black;
    font-size: 25px;
    margin-left: 100px;
    margin-right: 100px;
    display: flex;
    justify-content: center;
    word-spacing: 10;
    line-height: 50px;
    font-style: italic;

    
   
}

h7{
    color: black;
    font-size: 25px;
    margin-left: 100px;
    margin-right: 100px;
    display: flex;
    justify-content: center;
    word-spacing: 10;
    line-height: 50px;
    font-style: italic;
}
h6 {
    color: black;
    font-size: 25px;
    margin-left: 100px;
    margin-right: 100px;
    display: flex;
    justify-content: center;
    word-spacing: 10;
    line-height: 50px;
    font-style: italic;
}

#email{
    display: flex; 
    justify-content: center;
    font-size: 30px;
    color: black;
    font-weight: 800;
    font-family: 'Times New Roman', Times, serif;
    text-decoration:underline;
    

}
h11 {
    color: black;
    display: flex; 
    justify-content: center;
    font-size: 45px;
    font-weight: 800;

    font-family: MedievalSharp;
    font-style: italic;
}
#bc1{
    background-size: cover;
    background-position: center;   /* Centers the image */
    background-repeat: no-repeat;  /* Prevents tiling */
    background-attachment: fixed;  /* Optional: may cause issues on mobile */
}

h12{
    color: black;
    display: flex; 
    justify-content: center;
    font-size: 70px;
    font-weight: 800;

    font-family: MedievalSharp;
    font-style: italic;
    margin-top: 30px;
}
#cz{
color: black;
}
h9{
    display: flex; 
    justify-content: center;
    font-size: 80px;
    color: rgb(0, 0, 0);
    font-family: MedievalSharp;
    margin-top: 30px;
    
}
.navigation2 a {
    color:white;
    font-size: 30px;
    font-family: MedievalSharp;
    display: flex;
    justify-content: center;
    
    
    
    
}
ul{
    list-style-type: none;
    text-decoration:underline;
    
}

.header2 {
    font-style: oblique;
    
    background-color: #101010;
    width:100%;
    height: 80px;
    display:block;
}
#ch{
    color: black;
}

@media (max-width: 1000px) {
  .inner_header {
     display:none;
     
  }
}

@media (min-width: 1001px) {
  .navigation2  {
     
    display: none;
     
  }
}
@media (max-width: 1001px) {
  .navigation2 a {
      height: 100%;
    
    
    
    
     
  }
}


   @media (max-width: 1001px) {.logo_container2{
        height: 100%;
        display: table;
        float: left;

    }
   }
    @media (max-width: 1001px) {.logo_container2 h1{
        color:white;
        height: 100%;
        display: table-cell;
        vertical-align: middle;
        font-size: 40px;
        font-family: MedievalSharp;
        font-weight: 200;
    }}
    @media (max-width: 1001px){
    .logo_container2 h1 span {
        font-weight: 800;
    }}

    @media (min-width: 1001px) {
  .logo_container2 {
     
    display: none;
     
  }
}
  
 @media (max-width: 1001px) {
  .header{
     
    display:none;
     
  }
}
     @media (min-width: 1001px) {
  .header2 {
     
    display: none;
     
  }
}

    @media (min-width: 1001px) {
  hr {
     
    display: none;
     
  }
}
   @media (min-width: 1001px) {
  #mr {
     
     background-size: cover;
    background-position: center 0px;   /* Centers the image */
    background-repeat: no-repeat;  /* Prevents tiling */
    background-attachment: fixed;  /* Optional: may cause issues on mobile */
     
  }
}