a { text-decoration: none; }

/* + + + + + + + + + + + + + GRID POSITIONS + + + + + + + + + + + + + + */

@media screen and (max-width: 759px){
.grid-container{
display: grid;
outline: none;
border: none;
margin: -10px;
grid-template-columns: 45px 45px 45px 45px 45px 45px 45px auto auto auto auto auto;
grid-template-rows: 10px 10px 10px 30px 70px 30px 10px 30px 45px 40px 5px 40px 400px;
}

body
{
background-color: #000000;
}


@media screen and (max-width: 759px){ 
            .first_name{
            grid-column-start: 1;
            grid-row-end: 7;
            grid-row-start: 4;
            grid-row-end: 4;
            padding-left:24px;
            font-family: 'Roboto Condensed', sans-serif;
            font-family: 'Roboto', sans-serif;
            font-size: 18px;
            color: #d4d3d1;
            z-index: 4;
              }
            }

            
            .bindlechner {
            grid-column: 3 / 6;
            grid-row: 4 / 4;
            padding-left:21px;
            font-family: 'Roboto Condensed', sans-serif;
            font-family: 'Roboto', sans-serif;
            font-size: 18px;
            color: #604f40;
            z-index: 4;
            }

            .dir  {
            grid-column:  1 / 7;
            grid-row: 5 / 5;
            margin-left: 35px;
            color: #604f40;
            font-size: 14px;
            font-family: 'Roboto Condensed', sans-serif;
            font-family: 'Roboto', sans-serif;
            font-weight: 100;
            z-index: 4;
            }

            .dop  { 
            grid-column: 3 / 6;
            grid-row: 5 / 5;
            padding-left: 15%;
            color: #d4d3d1;
            font-size: 14px;
            font-family: 'Roboto Condensed', sans-serif;
            font-family: 'Roboto', sans-serif;
            font-weight: 100;
            z-index: 4;
            } 

            #play_btn {
            grid-column: 7/7;
            grid-row: 9 / 9;
            color: #7b6653;
            background-color: rgba(0, 0, 0, 0.0);
            text-align: center;
            outline: none;
            border: none;
            padding-right: 6%;
            padding-top: 0%;
            font-size: 21px;
            font-size-adjust: none;
            font-family: 'Roboto Condensed', sans-serif;
            font-family: 'Roboto', sans-serif;
            font-weight: 100;
            z-index: 4;
            display: none;
            align-self: center;
            cursor: pointer;
          /*  display:none;*/
           
            }
            #play_btn:hover {
            color: #d4d3d1;
            }      


            #rand_btn {
            grid-column: 8 / 8;
            grid-row: 9 / 9;
            align-items: center;
            padding-top: 30%;
            padding-left: 0%;
            color: #7b6653;
            /*scale:40%;*/
            background-color: rgba(0, 0, 0, 0.0);
            outline: none;
            border: none;
            font-size: 1.2vw;
            font-family: 'Roboto Condensed', sans-serif;
            font-family: 'Roboto', sans-serif;
            font-weight: 100;
            z-index: 4;
            display: none;
            } 
            #rand_btn:hover {
            }


            #menu_btn {
            grid-column: 3 / 5;
            grid-row: 10 / 10;
            padding-top: 32%;
            padding-left: 5%;
            color: #7b6653;
            background-color: rgba(0, 0, 0, 0.0);
            outline: none;
            border: none;
            font-size: 1.2em;
            font-family: 'Roboto Condensed', sans-serif;
            font-family: 'Roboto', sans-serif;
            font-weight: 900;
            cursor: pointer;
            z-index: 4;
            display:none;
            }
            #menu_btn:hover {
            color: #d4d3d1;
            }


            #work_btn {
            grid-column: 1 / 2;
            grid-row: 9 / 9;
            padding-top: 25%;
            padding-left: 52%;
            padding-right: 0%;
            color:#e7e6e5;
            background-color: rgba(0, 0, 0, 0.0);
            outline: none;
            border: none;
            font-size: 1.5em;
            font-family: 'Roboto Condensed', sans-serif;
            font-family: 'Roboto', sans-serif;
            font-weight: 100;
            cursor: pointer;
            z-index: 8;
            }
            #work_btn:hover {
            color: #7b6653;
            }



            #bio_btn {
            grid-column: 3 / 4;
            grid-row: 9 / 9;
            padding-top: 25%;
            padding-left: 20%;
            padding-right: 25%;
            color: #604f40;
            background-color: rgba(0, 0, 0, 0.0);
            outline: none;
            border: none;
            font-size: 1.5em;
            font-family: 'Roboto Condensed', sans-serif;
            font-family: 'Roboto', sans-serif;
            font-weight: 100;
            cursor: pointer;
            z-index: 40;
            }
            #bio_btn:hover {
            color: #d4d3d1;
            }


            #contact_btn {
            grid-column: 4 / 5;
            grid-row: 9 / 9;
            padding-top: 25%;
            padding-left: 40%;
            color: #7b6653;
            background-color: rgba(0, 0, 0, 0.0);
            outline: none;
            border: none;
            font-size: 1.5em;
            font-family: 'Roboto Condensed', sans-serif;
            font-family: 'Roboto', sans-serif;
            font-weight: 100;
            cursor: pointer;
            z-index: 4;
            }
            #contact_btn:hover {
            color: #d4d3d1;
            }

}

@media screen and (max-width: 760px){
.bg_video
{
margin:0;
padding:0;
background-color: 000000;
position: fixed;
left:0;
right: 0;
bottom:0;
top: 0;
height:auto;
width:180%;
display: flex;
background-size: cover;
overflow: hidden;
z-index: 1;
}
}






@media screen and (min-width: 760px){
.grid-container {
  display: grid;
  margin-top: -10px;
  margin-right: -20px;
  margin-bottom: -10px;

  grid-template-columns: repeat(12, 1fr); 
  grid-template-rows: 90px 45px 45px 45px 25px 25px 60px 90px 90px 90px 90px 90px 90px 735px;
  width:100%;
  height:100%;
  }
}


          .michael2 {
          grid-column: 1 / 3;
          grid-row: 3 / 3;
          position: relative;
          align-self: center;
          padding-top: 0px;
          margin-left: 25%;
          margin-right:0%;
          color: #d4d3d1;
          font-size: 3.3vw;
          font-family: 'Roboto Condensed', sans-serif;
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          z-index: 40;
          display: none;
          }
          @media screen and (min-width: 760px) { 
                    .michael2 { 
                        display: block; 
                      }


          .bindlechner {
          grid-column: 3 / 6;
          grid-row: 3 / 3;
          position: relative;
          align-self: center;
          padding-top: 0px;
          margin-left: 23%;
          color: #604f40;
          font-size: 3.3vw;
          font-family: 'Roboto Condensed', sans-serif;
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          z-index: 3;
          display: none;
          }
           @media screen and (min-width: 760px) { 
                    .bindlechner { 
                        display: block; 
                      }


          .dir {
          grid-column: 1/ 4;
          grid-row: 4 / 4;
          position: relative;
        /*  padding-left: 20%;*/
          margin-left: 30%;
          color: #604f40;
          font-size: 2.5vw;
          font-family: 'Roboto Condensed', sans-serif;
          font-family: 'Roboto', sans-serif;
          font-weight: 100;
          z-index: 3;
          display: none;
          }
          @media screen and (min-width: 760px) { 
                    .dir { 
                        display: block; 
                      }
  

          .dop {
          grid-column: 3/ 5;
          grid-row: 4 / 4;
          position: relative;
          margin-left: 35%;
          color: #d4d3d1;
          font-size: 2.5vw;
          font-family: 'Roboto Condensed', sans-serif;
          font-family: 'Roboto', sans-serif;
          font-weight: 100;
          z-index: 3;
          display: none;
          }
          @media screen and (min-width: 760px) { 
                    .dop { 
                    display: block; 
                    }


          .play_btn {
          grid-column: 7/ 7;
          grid-row: 7 / 7;
          align-self: center;
          color: #7b6653;
          text-align: center;
          background-color: rgba(0, 0, 0, 0.0);
          outline: none;
          border: none;
          font-size: 32px;
          font-size-adjust: none;
          font-family: 'Roboto Condensed', sans-serif;
          font-family: 'Roboto', sans-serif;
          font-weight: 100;
          cursor: pointer;
          display: none; 
          z-index: 3;
          }
          @media screen and (min-width: 760px) { 
                    .play_btn { 
                    display: none;
                    }
          .play_btn:hover {
                    color: #d4d3d1;
                    }
        


          .rand_btn {
          grid-column: 7/ 7;
          grid-row: 7 / 7;
          padding-top:40%;
          color: #7b6653;
          background-color: rgba(0, 0, 0, 0.0);
          outline: none;
          border: none;
          text-align: center;
          font-size: 1.2vw;
          font-family: 'Roboto Condensed', sans-serif;
          font-family: 'Roboto', sans-serif;
          font-weight: 100;
          align-self: center;
          z-index: 3;
          display: none;
          }
          @media screen and (min-width: 760px) { 
                    #rand_btn { 
                     display: none;

              }
              .rand_btn:hover {
              color: #d4d3d1;
              }



         .work_btn {
          grid-column: 8/ 8;
          grid-row: 3 / 3;


                      align-self: center;
                      font-size-adjust: none;
                      margin-left: 45px;

          color: #d4d3d1;
          background-color: rgba(0, 0, 0, 0.0);
          outline: none;
          border: none;
          font-size: 30px;
          font-family: 'Roboto Condensed', sans-serif;
          font-family: 'Roboto', sans-serif;
          font-weight: 100;
          cursor: pointer;
          z-index: 4;
          }
           @media screen and (min-width: 760px) { 
                    .menu_btn { 
                        display: block;
                         }
          }
          #work_btn:hover {
          color: #7b6653;
              }




          .bio_btn {
          grid-column: 8/ 8;
          grid-row: 3 / 3;
          align-self: center;
          text-align: center;
          margin-left: 140px;
          color: #5e5043;
          background-color: rgba(0, 0, 0, 0.0);
          outline: none;
          border: none;
          font-size: 30px;
          font-family: 'Roboto Condensed', sans-serif;
          font-family: 'Roboto', sans-serif;
          font-weight: 100;
          cursor: pointer;
          z-index: 4;
          }
           @media screen and (min-width: 760px) { 
                    .menu_btn { 
                        display: block;
                         }
          }
          .bio_btn:hover {
          color: #d4d3d1;
              }


          .contact_btn {
          grid-column: 9/ 9;
          grid-row: 3/ 3;
          align-self: center;
          text-align: center;
          margin-left:25px;
          color: #5e5043;
          background-color: rgba(0, 0, 0, 0.0);
          outline: none;
          border: none;
          font-size: 30px;
          font-family: 'Roboto Condensed', sans-serif;
          font-family: 'Roboto', sans-serif;
          font-weight: 100;
          cursor: pointer;
          z-index: 4;
          }
           @media screen and (min-width: 760px) { 
                    .menu_btn { 
                        display: block;
                         }
          }
          .contact_btn:hover {
          color: #d4d3d1;
          }


          .transp_bg
              {
              height:100%;
              }    

              
/*+ + + + + + BG:_VIDEO + + + + + + + + + + + -->
*/

body
{
background-color: #000000;
margin-right:0px;

}



.bg_video
{
margin:0;
padding:0;
background-color: 000000;
position: fixed;
left:0;
right: 0;
bottom:0;
top: 0;
min-width:100%;
min-height:100vh;
display: flex;
background-size: cover;
overflow: hidden;
z-index: 1;
}
 @media screen and (min-width: 760px) { 
                    .bg_video { 
                        display: block;
                         }



/*<video controls> 

   <source src="video-large.mp4" type="video/mp4" media="all and (min-width:680px)"> 
   <source sr*//*c="video-small.mp4" type="video/mp4" media="all and (min-width:320px)">  
</video>*/

video
#video
{


}




/*<!--  - - - - - - - - - - - BG_VIDEO- - - - - - - - - - - -->



*/



@media screen and (min-width: 1400px){
.grid-container {
  display: grid;
  margin-top: -10px;
  margin-right: -20px;
  margin-bottom: -10px;


  grid-template-columns: repeat(12, 1fr); 
  grid-template-rows: 90px 45px 70px 45px 25px 25px 60px 90px 90px 90px 90px 90px 90px 735px;
  width:100%;
  height:100%;
  }
}


          .first_name {
          grid-column: 1 / 3;
          grid-row: 3 / 3;
          position: relative;
          align-self: center;
          padding-top: 0px;
          margin-left: 55%;
          margin-right:0%;
          color: #d4d3d1;
          font-size: 3.3vw;
          font-family: 'Roboto Condensed', sans-serif;
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          z-index: 4;
          display: none;
          }
          @media screen and (min-width: 1400px) { 
                    .first_name { 
                        display: block; 
                      }


            .michael2 {
          grid-column: 1 / 3;
          grid-row: 3 / 3;
          position: relative;
          align-self: center;
          padding-top: 0px;
          margin-left: 25%;
          margin-right:0%;
          color: #d4d3d1;
          font-size: 3.3vw;
          font-family: 'Roboto Condensed', sans-serif;
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          z-index: 40;
          display: none;
          }
          @media screen and (min-width: 1400px) { 
                    .michael2 { 
                        display: none; 
                      }            


          .bindlechner {
          grid-column: 4 / 7;
          grid-row: 3 / 3;
          position: relative;
          align-self: center;
          padding-top: 0px;
          margin-left: 0%;
          color: #604f40;
          font-size: 3.3vw;
          font-family: 'Roboto Condensed', sans-serif;
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          z-index: 3;
          display: none;
          }
           @media screen and (min-width: 1400px) { 
                    .bindlechner { 
                        display: block; 
                      }


          .dir {
          grid-column: 1/ 5;
          grid-row: 4 / 4;
          position: relative;
          margin-left: 40%;
          color: #604f40;
          font-size: 2.3vw;
          font-family: 'Roboto Condensed', sans-serif;
          font-family: 'Roboto', sans-serif;
          font-weight: 100;
          z-index: 3;
          display: none;
          }
          @media screen and (min-width: 1400px) { 
                    .dir { 
                        display: block; 
                      }
  

          .dop {
          grid-column: 3/ 6;
          grid-row: 4 / 4;
          position: relative;
          padding-left: 0%;
          color: #d4d3d1;
          font-size: 2.3vw;
          font-family: 'Roboto Condensed', sans-serif;
          font-family: 'Roboto', sans-serif;
          font-weight: 100;
          z-index: 3;
          display: none;
          }
          @media screen and (min-width: 1400px) { 
                    .dop { 
                    display: block; 
                    }


          .play_btn {
          grid-column: 7/ 7;
          grid-row: 7 / 7;
          align-self: center;
          color: #7b6653;
          text-align: center;
          background-color: rgba(0, 0, 0, 0.0);
          outline: none;
          border: none;
          font-size: 32px;
          font-size-adjust: none;
          font-family: 'Roboto Condensed', sans-serif;
          font-family: 'Roboto', sans-serif;
          font-weight: 100;
          cursor: pointer;
          display: none; 
          z-index: 3;
          }
          @media screen and (min-width: 1400px) { 
                    .play_btn { 
                    display: none;
                    }
          .play_btn:hover {
                    color: #d4d3d1;
                    }
        


          .rand_btn {
          grid-column: 7/ 7;
          grid-row: 7 / 7;
          padding-top:40%;
          color: #7b6653;
          background-color: rgba(0, 0, 0, 0.0);
          outline: none;
          border: none;
          text-align: center;
          font-size: 1.2vw;
          font-family: 'Roboto Condensed', sans-serif;
          font-family: 'Roboto', sans-serif;
          font-weight: 100;
          align-self: center;
          z-index: 3;
          display: none;
          }
          @media screen and (min-width: 1400px) { 
                    #rand_btn { 
                     display: none;

              }
              .rand_btn:hover {
              color: #d4d3d1;
              }

   




    /*      .menu_btn {
          grid-column: 7/ 7;
          grid-row: 6 / 6;
          color: #7b6653;
          background-color: rgba(0, 0, 0, 0.0);
          outline: none;
          border: none;
          align-self: center;
          text-align: center;
          font-size: 1.5em;
          font-size-adjust: none;
          font-family: 'Roboto Condensed', sans-serif;
          font-family: 'Roboto', sans-serif;
          font-weight: 900;
          cursor: pointer;
          z-index: 4;
          display: none;
          }
           @media screen and (min-width: 1400px) { 
                    .menu_btn { 
                        display: block;
                         }

          #menu_btn:hover {
          color: #d4d3d1;
          }*/



         .work_btn {
          grid-column: 8/ 8;
          grid-row: 3 / 3;
/*          align-self: center;
          text-align: center;
          font-size-adjust: none;*/

                      align-self: center;
                      font-size-adjust: none;
                      margin-left: 45px;

          color: #d4d3d1;
          background-color: rgba(0, 0, 0, 0.0);
          outline: none;
          border: none;
          font-size: 30px;
          font-family: 'Roboto Condensed', sans-serif;
          font-family: 'Roboto', sans-serif;
          font-weight: 100;
          cursor: pointer;
          z-index: 4;
          }
           @media screen and (min-width: 1400px) { 
                    .menu_btn { 
                        display: block;
                         }
          }
          #work_btn:hover {
          color: #7b6653;
              }




          .bio_btn {
          grid-column: 8/ 8;
          grid-row: 3 / 3;
          align-self: center;
          text-align: center;
          margin-left: 140px;
          color: #5e5043;
          background-color: rgba(0, 0, 0, 0.0);
          outline: none;
          border: none;
          font-size: 30px;
          font-family: 'Roboto Condensed', sans-serif;
          font-family: 'Roboto', sans-serif;
          font-weight: 100;
          cursor: pointer;
          z-index: 4;
          }
           @media screen and (min-width: 1400px) { 
                    .menu_btn { 
                        display: block;
                         }
          }
          .bio_btn:hover {
          color: #d4d3d1;
              }


          .contact_btn {
          grid-column: 9/ 9;
          grid-row: 3/ 3;
          align-self: center;
          text-align: center;
          margin-left:25px;
          color: #5e5043;
          background-color: rgba(0, 0, 0, 0.0);
          outline: none;
          border: none;
          font-size: 30px;
          font-family: 'Roboto Condensed', sans-serif;
          font-family: 'Roboto', sans-serif;
          font-weight: 100;
          cursor: pointer;
          z-index: 4;
          }
           @media screen and (min-width: 1400px) { 
                    .menu_btn { 
                        display: block;
                         }
          }
          .contact_btn:hover {
          color: #d4d3d1;
          }


          .transp_bg
              {
              height:100%;
              }    

              
/*+ + + + + + BG:_VIDEO + + + + + + + + + + + -->
*/

body
{
background-color: #000000;
margin-right:0px;

}



.bg_video
{
margin:0;
padding:0;
background-color: 000000;
position: fixed;
left:0;
right: 0;
bottom:0;
top: 0;
min-width:100%;
min-height:100vh;
display: flex;
background-size: cover;
overflow: hidden;
z-index: 1;
}
 @media screen and (min-width: 1400px) { 
                    .bg_video { 
                        display: block;
                         }



/*<video controls> 

   <source src="video-large.mp4" type="video/mp4" media="all and (min-width:680px)"> 
   <source sr*//*c="video-small.mp4" type="video/mp4" media="all and (min-width:320px)">  
</video>*/

video
#video
{
/*grid-column: 8 / 14;
 grid-row: 6 / 10;
width: 100% !IMPORTANT;
height: auto !IMPORTANT;
height: 500px;
width:600px;
border:0;
background: rgba(0, 0, 0, 0.0);*/
/*margin:0;
padding:0;
position: fixed;
left:0;
right: 0;
bottom:0;*/
/*top: 0;
/*border: none
width:10vh;
height:5vh;
display: flex;
background-size: cover;*/
/*overflow: hidden;*/
/*z-index: 100;*/


}




/*<!--  - - - - - - - - - - - BG_VIDEO- - - - - - - - - - - -->



*/