html {
overflow:hidden;
}
body
{
margin:0px;
background-image:url('bulb.png');
background-size:100%;
background-repeat:no-repeat;
background-color:#235D79;
}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;color:white;}
a:active {text-decoration:none;}

div.navi
{
background-color:#333333;
width:40%;
padding-top:10px;
padding-bottom:10px;
margin-top:10px
}

.home
{
 font-family:Verdana;
  display:inline-block;
}
.news
{
 font-family:Verdana;
  display:inline-block;
}
.author
{
 font-family:Verdana;
  display:inline-block;
}
.contact
{
 font-family:Verdana;
  display:inline-block;
}
.navi a
{
color:orange;
padding:0 20px;
}
.navi a:hover
{
background:#4b545f;
padding-top:10px;
padding-bottom:10px;
}
.topic a
{
color:white;
}

.light
{ 
  position: relative;
  top:418px;
  left:20px;
  font-family:Verdana;
  font-size:35px;
  -ms-transform:rotate(375deg); /* IE 9 */
  -moz-transform:rotate(375deg); /* Firefox */
  -webkit-transform:rotate(375deg); /* Safari and Chrome */
  -o-transform:rotate(375deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.pol
{ 
  position: relative;
  top:320px;
  right:20px;
  font-family:Verdana;
  font-size:35px;
  -ms-transform:rotate(393.5deg); /* IE 9 */
  -moz-transform:rotate(393.5deg); /* Firefox */
  -webkit-transform:rotate(393.5deg); /* Safari and Chrome */
  -o-transform:rotate(393.5deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.sac
{ 
  position: relative;
  top:280px;
  right:-30px;
  font-family:Verdana;
  font-size:30px;
  -ms-transform:rotate(408deg); /* IE 9 */
  -moz-transform:rotate(408deg); /* Firefox */
  -webkit-transform:rotate(408deg); /* Safari and Chrome */
  -o-transform:rotate(408deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.reflection
{ 
  position: relative;
  top:360px;
  right:10px;
  font-family:Verdana;
  font-size:25px;
  -ms-transform:rotate(447deg); /* IE 9 */
  -moz-transform:rotate(447deg); /* Firefox */
  -webkit-transform:rotate(447deg); /* Safari and Chrome */
  -o-transform:rotate(447deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.refraction
{ 
  position: relative;
  top:-390px;
  right:-370px;
  font-family:Verdana;
  font-size:25px;
  -ms-transform:rotate(310deg); /* IE 9 */
  -moz-transform:rotate(310deg); /* Firefox */
  -webkit-transform:rotate(310deg); /* Safari and Chrome */
  -o-transform:rotate(310deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.devices
{ 
  position: relative;
  top:-230px;
  right:-550px;
  font-family:Verdana;
  font-size:40px;
  -ms-transform:rotate(330deg); /* IE 9 */
  -moz-transform:rotate(330deg); /* Firefox */
  -webkit-transform:rotate(330deg); /* Safari and Chrome */
  -o-transform:rotate(330deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.trivias
{ 
  position: relative;
  top:-80px;
  right:-680px;
  font-family:Verdana;
  font-size:40px;
  -ms-transform:rotate(345deg); /* IE 9 */
  -moz-transform:rotate(345deg); /* Firefox */
  -webkit-transform:rotate(345deg); /* Safari and Chrome */
  -o-transform:rotate(345deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.title
{
  font-family:Verdana;
  font-size:27px;
  text-align:center;
  position:relative;
  right:28px;
}


/* MEDIA SCREEN */
/* MEDIA SCREEN */
/* MEDIA SCREEN */
/* MEDIA SCREEN */
/* MEDIA SCREEN */


    @media screen and (max-width: 1800px) {
	.navi {font-size:20px}
	.light
{ 
  position: relative;
  top:750px;
  left:20px;
  font-family:Verdana;
  font-size:70px;
  -ms-transform:rotate(375deg); /* IE 9 */
  -moz-transform:rotate(375deg); /* Firefox */
  -webkit-transform:rotate(375deg); /* Safari and Chrome */
  -o-transform:rotate(375deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.pol
{ 
  position: relative;
  top:600px;
  right:20px;
  font-family:Verdana;
  font-size:70px;
  -ms-transform:rotate(393.5deg); /* IE 9 */
  -moz-transform:rotate(393.5deg); /* Firefox */
  -webkit-transform:rotate(393.5deg); /* Safari and Chrome */
  -o-transform:rotate(393.5deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.sac
{ 
  position: relative;
  top:470px;
  right:-30px;
  font-family:Verdana;
  font-size:67px;
  -ms-transform:rotate(408deg); /* IE 9 */
  -moz-transform:rotate(408deg); /* Firefox */
  -webkit-transform:rotate(408deg); /* Safari and Chrome */
  -o-transform:rotate(408deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.reflection
{ 
  position: relative;
  top:590px;
  right:15px;
  font-family:Verdana;
  font-size:50px;
  -ms-transform:rotate(447deg); /* IE 9 */
  -moz-transform:rotate(447deg); /* Firefox */
  -webkit-transform:rotate(447deg); /* Safari and Chrome */
  -o-transform:rotate(447deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.refraction
{ 
  position: relative;
  top:-700px;
  right:-680px;
  font-family:Verdana;
  font-size:50px;
  -ms-transform:rotate(310deg); /* IE 9 */
  -moz-transform:rotate(310deg); /* Firefox */
  -webkit-transform:rotate(310deg); /* Safari and Chrome */
  -o-transform:rotate(310deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.devices
{ 
  position: relative;
  top:-430px;
  right:-980px;
  font-family:Verdana;
  font-size:60px;
  -ms-transform:rotate(330deg); /* IE 9 */
  -moz-transform:rotate(330deg); /* Firefox */
  -webkit-transform:rotate(330deg); /* Safari and Chrome */
  -o-transform:rotate(330deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.trivias
{ 
  position: relative;
  top:-150px;
  right:-1200px;
  font-family:Verdana;
  font-size:80px;
  -ms-transform:rotate(345deg); /* IE 9 */
  -moz-transform:rotate(345deg); /* Firefox */
  -webkit-transform:rotate(345deg); /* Safari and Chrome */
  -o-transform:rotate(345deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.title
{
  font-family:Verdana;
  font-size:45px;
  text-align:center;
  position:relative;
  top:-60px;
  right:45px;
}
}

/* MEDIA SCREEN */ 
/* MEDIA SCREEN */
/* MEDIA SCREEN */
/* MEDIA SCREEN */
/* MEDIA SCREEN */

    @media screen and (max-width: 1600px) {
	.navi {font-size:19px
	width:45%;}
	.light
{ 
  position: relative;
  top:670px;
  left:20px;
  font-family:Verdana;
  font-size:60px;
  -ms-transform:rotate(375deg); /* IE 9 */
  -moz-transform:rotate(375deg); /* Firefox */
  -webkit-transform:rotate(375deg); /* Safari and Chrome */
  -o-transform:rotate(375deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.pol
{ 
  position: relative;
  top:520px;
  right:20px;
  font-family:Verdana;
  font-size:60px;
  -ms-transform:rotate(393.5deg); /* IE 9 */
  -moz-transform:rotate(393.5deg); /* Firefox */
  -webkit-transform:rotate(393.5deg); /* Safari and Chrome */
  -o-transform:rotate(393.5deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.sac
{ 
  position: relative;
  top:400px;
  right:-30px;
  font-family:Verdana;
  font-size:60px;
  -ms-transform:rotate(408deg); /* IE 9 */
  -moz-transform:rotate(408deg); /* Firefox */
  -webkit-transform:rotate(408deg); /* Safari and Chrome */
  -o-transform:rotate(408deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.reflection
{ 
  position: relative;
  top:520px;
  right:15px;
  font-family:Verdana;
  font-size:43px;
  -ms-transform:rotate(447deg); /* IE 9 */
  -moz-transform:rotate(447deg); /* Firefox */
  -webkit-transform:rotate(447deg); /* Safari and Chrome */
  -o-transform:rotate(447deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.refraction
{ 
  position: relative;
  top:-630px;
  right:-590px;
  font-family:Verdana;
  font-size:43px;
  -ms-transform:rotate(310deg); /* IE 9 */
  -moz-transform:rotate(310deg); /* Firefox */
  -webkit-transform:rotate(310deg); /* Safari and Chrome */
  -o-transform:rotate(310deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.devices
{ 
  position: relative;
  top:-390px;
  right:-880px;
  font-family:Verdana;
  font-size:60px;
  -ms-transform:rotate(330deg); /* IE 9 */
  -moz-transform:rotate(330deg); /* Firefox */
  -webkit-transform:rotate(330deg); /* Safari and Chrome */
  -o-transform:rotate(330deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.trivias
{ 
  position: relative;
  top:-130px;
  right:-1000px;
  font-family:Verdana;
  font-size:60px;
  -ms-transform:rotate(345deg); /* IE 9 */
  -moz-transform:rotate(345deg); /* Firefox */
  -webkit-transform:rotate(345deg); /* Safari and Chrome */
  -o-transform:rotate(345deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.title
{
  font-family:Verdana;
  font-size:45px;
  text-align:center;
  position:relative;
  top:-60px;
  right:45px;
}	
}
  
 /* MEDIA SCREEN */
/* MEDIA SCREEN */
/* MEDIA SCREEN */
/* MEDIA SCREEN */
/* MEDIA SCREEN */
  @media screen and (max-width: 1300px) {
  	.navi {font-size:18px
	width:50%;}
	.light
{ 
  position: relative;
  top:500px;
  left:20px;
  font-family:Verdana;
  font-size:55px;
  -ms-transform:rotate(375deg); /* IE 9 */
  -moz-transform:rotate(375deg); /* Firefox */
  -webkit-transform:rotate(375deg); /* Safari and Chrome */
  -o-transform:rotate(375deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.pol
{ 
  position: relative;
  top:360px;
  right:45px;
  font-family:Verdana;
  font-size:50px;
  -ms-transform:rotate(393.5deg); /* IE 9 */
  -moz-transform:rotate(393.5deg); /* Firefox */
  -webkit-transform:rotate(393.5deg); /* Safari and Chrome */
  -o-transform:rotate(393.5deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.sac
{ 
  position: relative;
  top:290px;
  right:-30px;
  font-family:Verdana;
  font-size:50px;
  -ms-transform:rotate(408deg); /* IE 9 */
  -moz-transform:rotate(408deg); /* Firefox */
  -webkit-transform:rotate(408deg); /* Safari and Chrome */
  -o-transform:rotate(408deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.reflection
{ 
  position: relative;
  top:390px;
  right:15px;
  font-family:Verdana;
  font-size:33px;
  -ms-transform:rotate(447deg); /* IE 9 */
  -moz-transform:rotate(447deg); /* Firefox */
  -webkit-transform:rotate(447deg); /* Safari and Chrome */
  -o-transform:rotate(447deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.refraction
{ 
  position: relative;
  top:-500px;
  right:-460px;
  font-family:Verdana;
  font-size:33px;
  -ms-transform:rotate(310deg); /* IE 9 */
  -moz-transform:rotate(310deg); /* Firefox */
  -webkit-transform:rotate(310deg); /* Safari and Chrome */
  -o-transform:rotate(310deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.devices
{ 
  position: relative;
  top:-340px;
  right:-700px;
  font-family:Verdana;
  font-size:50px;
  -ms-transform:rotate(330deg); /* IE 9 */
  -moz-transform:rotate(330deg); /* Firefox */
  -webkit-transform:rotate(330deg); /* Safari and Chrome */
  -o-transform:rotate(330deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.trivias
{ 
  position: relative;
  top:-130px;
  right:-850px;
  font-family:Verdana;
  font-size:50px;
  -ms-transform:rotate(345deg); /* IE 9 */
  -moz-transform:rotate(345deg); /* Firefox */
  -webkit-transform:rotate(345deg); /* Safari and Chrome */
  -o-transform:rotate(345deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.title
{
  font-family:Verdana;
  font-size:35px;
  text-align:center;
  position:relative;
  top:-60px;
  right:35px;
}	
}
  /* MEDIA SCREEN */
/* MEDIA SCREEN */
/* MEDIA SCREEN */
/* MEDIA SCREEN */
/* MEDIA SCREEN */
  @media screen and (max-width: 1200px){
  	.navi {font-size:12px;
	width:60%;}
  	.light
{ 
  position: relative;
  top:460px;
  left:20px;
  font-family:Verdana;
  font-size:55px;
  -ms-transform:rotate(375deg); /* IE 9 */
  -moz-transform:rotate(375deg); /* Firefox */
  -webkit-transform:rotate(375deg); /* Safari and Chrome */
  -o-transform:rotate(375deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.pol
{ 
  position: relative;
  top:360px;
  right:45px;
  font-family:Verdana;
  font-size:50px;
  -ms-transform:rotate(393.5deg); /* IE 9 */
  -moz-transform:rotate(393.5deg); /* Firefox */
  -webkit-transform:rotate(393.5deg); /* Safari and Chrome */
  -o-transform:rotate(393.5deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.sac
{ 
  position: relative;
  top:290px;
  right:-30px;
  font-family:Verdana;
  font-size:45px;
  -ms-transform:rotate(408deg); /* IE 9 */
  -moz-transform:rotate(408deg); /* Firefox */
  -webkit-transform:rotate(408deg); /* Safari and Chrome */
  -o-transform:rotate(408deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.reflection
{ 
  position: relative;
  top:390px;
  right:15px;
  font-family:Verdana;
  font-size:33px;
  -ms-transform:rotate(447deg); /* IE 9 */
  -moz-transform:rotate(447deg); /* Firefox */
  -webkit-transform:rotate(447deg); /* Safari and Chrome */
  -o-transform:rotate(447deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.refraction
{ 
  position: relative;
  top:-500px;
  right:-460px;
  font-family:Verdana;
  font-size:33px;
  -ms-transform:rotate(310deg); /* IE 9 */
  -moz-transform:rotate(310deg); /* Firefox */
  -webkit-transform:rotate(310deg); /* Safari and Chrome */
  -o-transform:rotate(310deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.devices
{ 
  position: relative;
  top:-340px;
  right:-700px;
  font-family:Verdana;
  font-size:50px;
  -ms-transform:rotate(330deg); /* IE 9 */
  -moz-transform:rotate(330deg); /* Firefox */
  -webkit-transform:rotate(330deg); /* Safari and Chrome */
  -o-transform:rotate(330deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.trivias
{ 
  position: relative;
  top:-130px;
  right:-850px;
  font-family:Verdana;
  font-size:50px;
  -ms-transform:rotate(345deg); /* IE 9 */
  -moz-transform:rotate(345deg); /* Firefox */
  -webkit-transform:rotate(345deg); /* Safari and Chrome */
  -o-transform:rotate(345deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.title
{
  font-family:Verdana;
  font-size:35px;
  text-align:center;
  position:relative;
  top:-60px;
  right:35px;
}	
}
  @media screen and (max-width: 1000px) {
  	.navi {font-size:16px;
	width:60%;}
  	.light
{ 
  position: relative;
  top:390px;
  left:20px;
  font-family:Verdana;
  font-size:45px;
  -ms-transform:rotate(375deg); /* IE 9 */
  -moz-transform:rotate(375deg); /* Firefox */
  -webkit-transform:rotate(375deg); /* Safari and Chrome */
  -o-transform:rotate(375deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.pol
{ 
  position: relative;
  top:270px;
  right:45px;
  font-family:Verdana;
  font-size:45px;
  -ms-transform:rotate(393.5deg); /* IE 9 */
  -moz-transform:rotate(393.5deg); /* Firefox */
  -webkit-transform:rotate(393.5deg); /* Safari and Chrome */
  -o-transform:rotate(393.5deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.sac
{ 
  position: relative;
  top:230px;
  right:-30px;
  font-family:Verdana;
  font-size:30px;
  -ms-transform:rotate(408deg); /* IE 9 */
  -moz-transform:rotate(408deg); /* Firefox */
  -webkit-transform:rotate(408deg); /* Safari and Chrome */
  -o-transform:rotate(408deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.reflection
{ 
  position: relative;
  top:320px;
  right:15px;
  font-family:Verdana;
  font-size:20px;
  -ms-transform:rotate(447deg); /* IE 9 */
  -moz-transform:rotate(447deg); /* Firefox */
  -webkit-transform:rotate(447deg); /* Safari and Chrome */
  -o-transform:rotate(447deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.refraction
{ 
  position: relative;
  top:-400px;
  right:-380px;
  font-family:Verdana;
  font-size:20px;
  -ms-transform:rotate(310deg); /* IE 9 */
  -moz-transform:rotate(310deg); /* Firefox */
  -webkit-transform:rotate(310deg); /* Safari and Chrome */
  -o-transform:rotate(310deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.devices
{ 
  position: relative;
  top:-230px;
  right:-500px;
  font-family:Verdana;
  font-size:45px;
  -ms-transform:rotate(330deg); /* IE 9 */
  -moz-transform:rotate(330deg); /* Firefox */
  -webkit-transform:rotate(330deg); /* Safari and Chrome */
  -o-transform:rotate(330deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.trivias
{ 
  position: relative;
  top:-80px;
  right:-600px;
  font-family:Verdana;
  font-size:45px;
  -ms-transform:rotate(345deg); /* IE 9 */
  -moz-transform:rotate(345deg); /* Firefox */
  -webkit-transform:rotate(345deg); /* Safari and Chrome */
  -o-transform:rotate(345deg); /* Opera */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.title
{
  font-family:Verdana;
  font-size:25px;
  text-align:center;
  position:relative;
  top:-40px;
  right:25px;
}	
}
  /* MEDIA SCREEN */
/* MEDIA SCREEN */
/* MEDIA SCREEN */
/* MEDIA SCREEN */
/* MEDIA SCREEN */
  @media screen and (max-width: 900px){
    .navi {font-size:12px
	width:60%;}
  }
  /* MEDIA SCREEN */
/* MEDIA SCREEN */
/* MEDIA SCREEN */
/* MEDIA SCREEN */
/* MEDIA SCREEN */
  @media screen and (max-width: 800px){
    .navi {font-size:10px
	width:65%;}
  }
  /* MEDIA SCREEN */
/* MEDIA SCREEN */
/* MEDIA SCREEN */
/* MEDIA SCREEN */
/* MEDIA SCREEN */
  @media screen and (max-width: 640px){
    .navi {font-size:9px
	width:70%;}
  }
  /* MEDIA SCREEN */
/* MEDIA SCREEN */
/* MEDIA SCREEN */
/* MEDIA SCREEN */
/* MEDIA SCREEN */
  @media screen and (max-width: 512px){
    .navi {font-size:8px}
  }
  /* MEDIA SCREEN */
/* MEDIA SCREEN */
/* MEDIA SCREEN */
/* MEDIA SCREEN */
/* MEDIA SCREEN */
  @media screen and (max-width: 400px){	
    .navi {font-size:7px}
	}
	/* MEDIA SCREEN */
/* MEDIA SCREEN */
/* MEDIA SCREEN */
/* MEDIA SCREEN */
/* MEDIA SCREEN */
  @media screen and (max-width: 320px){
    .navi{font-size:7px}
  }
  /* MEDIA SCREEN */
/* MEDIA SCREEN */
/* MEDIA SCREEN */
/* MEDIA SCREEN */
/* MEDIA SCREEN */
    @media screen and (max-width: 290px){
	.navi {font-size:5px}

}