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


body{font-family: "Karbonregular", Helvetica Neue, Helvetica, sans-serif;font-size: 18pt;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale ; background-color: #000;text-align: center; margin:0px; }

/*div#container{width: 100%; height: 950px; background-image: url(../images/main_bg.jpg); background-repeat: no-repeat; background-position: center; margin: auto; }*/
div#container{width: 100%; height: 950px; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(13,191,187,1) 100%); background-repeat: no-repeat; background-position: center; margin: auto; }
div#header{height: 2.5em;text-align:  -webkit-right;}
div#header .language-selector{margin-left: auto; background-color: rgba(255, 255, 255, 0.2);border-radius: 5px;max-width: 7em; text-align: left; position: relative; top: 0.5em; right: 1em; min-height: 1em;}
div#header .language-selector p, div#header .language-selector img{display: inline;}
div#header .language-selector p{line-height: 3em;color: #999;fon;font-size: 0.7em;margin-left: 0.7em;}
div#header .language-selector img{position: relative;top: 0.4em;left: 1.7em;}
    

div#app-name{min-height: 4.5em;}
div#app-name img{width:600px; }
h1{font-family: "Karbonthin", Helvetica Neue, Helvetica, sans-serif;color: white;font-size: 2.3em;position: relative;top: -0.3em; }
h3{font-family: "Karbonregular", Helvetica Neue, Helvetica, sans-serif;color: white;font-size: 1.2em;position: relative;top: -1em; }


div#main-graphic{min-height: 40%; position: relative; top:-1em;}
div#devices{height: 500px;width: 100%; background-image: url(../images/devices.png); background-repeat: no-repeat; background-position: center; }
div#devices .desktop{position: relative;top: 29px;left: -22px;width: 124px;box-shadow: 0 0 20px black; }
div#devices .mobile{position: relative;top: 106px;left: 198px;width: 118px;height: 211px; }

div#copy{min-height: 3em;}

div#downloads{min-height: 3em;}
div#downloads a{position: relative; margin: 0.5em;}
div#downloads a img{width: 140px;}

div#footer{height: 1em; position: relative;top: -1em;}
div#footer  img{width: 254px;}

div#copy, div#downloads{position: relative; top:-2em;}

p.txt{color: white; font-size: 1.2em; position: relative; top: 10px; }