<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html lang="hu">
<head>
<title>Yachtlight</title>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<meta name="viewport" content="width=device-width,initial-scale=1.0" charset="UTF-8">
<style type="text/css">
        @import url('https://fonts.googleapis.com/css?family=work+Sans:300');

                html,
                body {
                    height: 100%;
                    margin: 0;
                    padding: 0;
                    font-family:  Arial;
                    color: white;
                }

                ol {
                    list-style-type: none;
                    padding: 0;
                }

                ol li {
                    display: inline;
                }

                .logocska {
                    position: absolute;
                    margin-top: 20px;
                    margin-left: 20px;
                    width: 50px;
                    height: 50px;
                }

                a {
                    color: white;
                    text-decoration: none;
                }

                .gombdoboz a {
                    margin: 10px;
                    display: inline-block;
                }

                .cim {
                    font-family:'Work sans';
					font-size: 40px;
                     text-align: center;
                }

                .vkozepre {
                    position: absolute;
                    left: 50%;
                    margin-right: -50%;
                    transform: translate(-50%, 0);
                }

                .kozepre {
          position: absolute;
          top: 40%;
          left: 50%;
          transform: translate(-50%, -50%);
       }

                #headerbox {
                    text-align: center;
                    position: absolute;
                    left: 50%;
                    margin-right: -50%;
                    transform: translate(-50%, 0);
                    font-family: Arial;
                    text-transform: uppercase;
                    font-size: 14px;
                    margin-top: 1px;            
                }

                #headerbox a {
                    margin: 0px 10px;
                    text-decoration: none;
                }

                #headerbox a:hover {
                    color: rgb(203, 203, 203);
                    transition-duration: 0.5s;
                }

                .lab{
                    bottom: 10px;
                    font-size: 14px;
                   
                   
                }
                .gomb {
         font-size: 18px;
         background-color: rgba(0, 0, 0, 0.5);
         border: 1px solid white;
         padding: 10px;
         width: 120px;
         display: inline-block;
       }
        
                .gomb:hover {
                    filter: invert(100%);
                    transition-duration: 0.5s;
                }
       
                .fullscreen-bg {
                    overflow: hidden;
                    z-index: -100;
                    background: url("/Sinbad1m.jpg");
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: cover;
                }

                .fullscreen-bg__video {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    width: auto;
                    height: auto;
                    min-width: 100%;
                    min-height: 100%;
                    -webkit-transform: translate(-50%, -50%);
                    -moz-transform: translate(-50%, -50%);
                    -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    pointer-events: none;
                }
				
				#year {
					margin: 0 10px 0 0;
				}
    

                @media (max-width: 767px) {
           
                    .fullscreen-bg__video {
                        display: none;
                    }
                    .logocska {
                        display: none;
                    }
                 .hideonmobile {
                        display: none;
                    }   
                    #headerbox { 
                        font-size: 12px;
                        width: 100%;
                    }

                    ol {
                        padding: 0px;
                    }

                    #headerbox a {
                        text-align: center;
                    }
                
                    .cim {
                        font-size: 35px;
                    }
					
					.lablec {
						
						margin-left: 5px;
					}
                    #conference {
                    margin-top: 12px;
                    }

                    .gombdoboz {
                    margin-top: 8px;
                    }
                }
				
				@media (max-width: 340px) {
					.lablec {
						font-size: 12px;
					}
				}

                @media (max-height: 567px) {
                    #headerbox {
                        display: none;
                    }
                    .lablec {
                        display: none;
                    }
                    .hirlev {
                        margin-top: 20px;
                    }
                }
    </style>
</head>
<body class="fullscreen-bg">

<video loop muted autoplay poster=("/Sinbad1m.jpg") class="fullscreen-bg__video">

<source src="/DS44.mp4" type="video/mp4">
<source src="/DS440.ogv" type="video/ogv">
</video>

<div class="kozepre cim"> LoRa Technology
    <div class="gombdoboz">
      <a href="/menu3.html" class="gomb">LoRa Navi</a>
      <a href="#" class="gomb">LoRa IoT</a> 
     </div>
</div>

<div class="lab vkozepre">
Yachtlight Kft &copy;2009-<span id="year"></span><span>: Csizmadia István

<script>
        var d = new Date();
        var n = d.getFullYear();
        document.getElementById("year").innerHTML = n;
    </script>
</div>
</body>
</html>

<div id="video-player" class="fullscreen-bg">