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;
grid-template-rows: 10px 10px 10px 30px 70px 30px 70px 90px 45px 40px 40px 200px 400px;
}

body
{
background-color: #000000;
}


@media screen and (max-width: 759px){ 
            .michael{
            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: 2 / 7;
            grid-row: 5 / 5;
            padding-left: 0%;
            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;
            align-self: center;
            cursor: pointer;
          /*  display:none;*/
           
            }
            #play_btn:hover {
            color: #d4d3d1;
            }      


            #rand_btn {
            grid-column: 8 / 9;
            grid-row: 10 / 10;
            align-items: center;
            padding-top: 90%;
            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:#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;
            }
            #work_btn:hover {
            color: #d4d3d1;
            }



            #bio_btn {
            grid-column: 3 / 4;
            grid-row: 9 / 9;
            padding-top: 25%;
            padding-left: 20%;
            padding-right: 25%;
            color: #d4d3d1;
            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;
            }
            #bio_btn:hover {
            color: #7b6653;
            }


            #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 (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 70px 90px 90px 90px 90px 90px 90px 90px 90px auto;
  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: 760px) { 
                    .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: 760px) { 
                    .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: 760px) { 
                    .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: 760px) { 
                    .dir { 
                        display: block; 
                      }
  

          .dop {
          grid-column: 4/ 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: 760px) { 
                    .dop { 
                    display: block; 
                    }


          .play_btn {
          grid-column: 7/ 7;
          grid-row: 4 / 4;
          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: block;
                    }
          .play_btn:hover {
                    color: #d4d3d1;
                    }
        


          .rand_btn {
          grid-column: 7/ 7;
          grid-row: 5 / 5;
          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: block;

              }
              .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: 760px) { 
                    .menu_btn { 
                        display: block;
                         }

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



         .work_btn {
          grid-column: 7/ 7;
          grid-row: 4 / 4;
          align-self: center;
          text-align: center;
          font-size-adjust: none;
          padding-left: 0%;
          color: #796e65;
          background-color: rgba(0, 0, 0, 0.0);
          outline: none;
          border: none;
          font-size: 21px;
          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: #d4d3d1;
              }




          .bio_btn {
          grid-column: 7/ 7;
          grid-row: 5 / 5;
          align-self: center;
          text-align: center;
          color: #d4d3d1;
          background-color: rgba(0, 0, 0, 0.0);
          outline: none;
          border: none;
          font-size: 21px;
          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: #7b6653;
              }


          .contact_btn {
          grid-column: 7/ 7;
          grid-row: 6 / 6;
          align-self: center;
          text-align: center;
          color: #7b6653;
          background-color: rgba(0, 0, 0, 0.0);
          outline: none;
          border: none;
          font-size: 21px;
          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:0;

}



.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
{
/*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- - - - - - - - - - - -->



*/