@charset "utf-8";
/* CSS Document */
    

   @font-face {
    font-family: "netron";
    src: url("netron.ttf");
}   

#overlay {
  position: fixed; /* Sit on top of the page content */
  display: block; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.1); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
/*  cursor: pointer;  Add a pointer on hover */
}
.w{
    color: #fff;
}
.au {
    display: inline;
}
   
    .heart {color:#f00;}
    
        .tc {
            margin-top: 200px;
            vertical-align:middle;
            text-align: center;
            font-family: "netron";
            /* font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";*/
            font-size: 1.6em;
           /* text-shadow: 1px 0 0 #0000FF,0 1px 0 #0000FF,-1px 0 0 #0000FF,0 -1px 0 #0000FF;*/
            letter-spacing: 2px;
            color: #fff;
        }
.tc2 {
   
            vertical-align:middle;
            text-align: center;
            font-family: "netron";
            /* font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";*/
            font-size: 1.6em;
           /* text-shadow: 1px 0 0 #0000FF,0 1px 0 #0000FF,-1px 0 0 #0000FF,0 -1px 0 #0000FF;*/
            letter-spacing: 2px;
            
            color: #fff;
        }
 .body {
/*            background: url(img/wave.jpg);*/
     background-color: #000;
     
        }
        
        
        .sfooter{
            font-size: .8em;
position: relative;
	text-align: center;
            
  bottom: 0;
            left: 0;
  width: 100%;
 
        }

.video{
            text-align: center;
            margin: 0 auto;
            width: 640px;
    height: 360px;
            display: block;
        }
.sfooter{
    position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
      margin-top: 50px;
            text-align: center;
            font-family: "netron";
            /*font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";*/
            font-size: 0.8em;
           /* text-shadow: 1px 0 0 #0000FF,0 1px 0 #0000FF,-1px 0 0 #0000FF,0 -1px 0 #0000FF;*/
            letter-spacing: 2px;
            color: #fff;
}


@media only screen and (max-device-width: 768px) {
            
    .au {
        
        display: none;
    }         
    
    .tc {
            margin-top: 50px;
            text-align: center;
            font-family: "netron";
            /*font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";*/
            font-size: 1.0em;
           /* text-shadow: 1px 0 0 #0000FF,0 1px 0 #0000FF,-1px 0 0 #0000FF,0 -1px 0 #0000FF;*/
            letter-spacing: 2px;
            color: #fff;
        }
    .tc2 {
   
            vertical-align:middle;
            text-align: center;
            font-family: "netron";
            /* font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";*/
            font-size: 1.0em;
           /* text-shadow: 1px 0 0 #0000FF,0 1px 0 #0000FF,-1px 0 0 #0000FF,0 -1px 0 #0000FF;*/
            letter-spacing: 2px;
            
            color: #fff;
        }
    
    .video {
                max-width: 300px;
  height: auto;  
        background-color: #000;
               

            }
    
    .sfooter{
          margin-top: 50px;
            text-align: center;
            font-family: "netron";
            /*font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";*/
            font-size: 0.8em;
            /*text-shadow: 1px 0 0 #0000FF,0 1px 0 #0000FF,-1px 0 0 #0000FF,0 -1px 0 #0000FF;*/
            letter-spacing: 2px;
            color: #fff;
    }
        }