@media(max-width:750px){
body{
  position:relative;
  background-color:rgba(240,255,240,0.3);
  width:750px;
  height:100%;
}

a.top{
  position:absolute;
  top:0px;
}

a.form{
  position:absolute;
  top:100px;
}

a.sponsor{
  position:absolute;
  top:200px;
}

a.gallery{
  position:absolute;
  top:300px;
}

a:link{
  color:#505050;
}
a:visited{
  color:#000000;
}

h1{
  position:fixed;
  top:275px;
  left:35%;
  color:#000000;
  font-family:sans-serif;
  font-weight:bold;
  font-size:25px;
  display:block;
  z-index:3;
}

canvas.phone{
  position:fixed;
  left:0px;
  top:0px;
  opacity:0.9;
  z-index:2;
}
canvas.back{
  display:none;
}
img.feslogo{
  position:fixed;
  top:0px;
  left:0px;
  width:150px;
  z-index:3;
}

h2{
  position:fixed;
  left:300px;
  bottom:0px;
  font-size:15px;
  color:#000000;
}
button.bargar{
  position:fixed;
  top:10px;
  right:10px;
  background-color:rgba(205,205,205,0.5);
  width:80px;
  height:80px;
  z-index:5;
  border:1px solid;
  border-radius:30px;
}
.bar{
  position:absolute;
  top:0px;
  left:20px;
  width:40px;
  height:2px;
  background-color:#000000;
}
.bar1{
  top:20px;
}
.bar2{
  top:35px;
}

.bar3{
  top:50px;
}
.hunback{
  position:fixed;
  top:0px;
  left:0px;
  width:650px;
  height:2000px;
  background-color:rgba(200,200,200,0.98);
  display:none;
  z-index:4;
}

ul{
  position:fixed;
  top:150px;
  left:30%;
  color:#000000;
  font-family:sans-serif;
  font-size:30px;
  font-weight:bold;
  list-style:none;
  display:none;
  z-index:5;
}
}

@media (min-width:750px){
body{
  position:relative;
  background-color:rgba(240,255,240,0.3);
  width:100%;
  height:100%;
}

button.bargar{
  display:none;
}

ul{
  position:fixed;
  top:700px;
  right:0px;
  color:#000000;
  font-family:sans-serif;
  font-size:30px;
  font-weight:bold;
  list-style:none;
  z-index:4;
}

a.top{
  position:absolute;
  right:800px;
}

a.form{
  position:absolute;
  right:600px;
}

a.sponsor{
  position:absolute;
  right:350px;
}

a.gallery{
  position:absolute;
  right:150px;
}

a{
  text-decoration:none;
}

a:link{
  color:#505050;
}
a:visited{
  color:#000000;
}

h1{
  position:fixed;
  top:275px;
  left:930px;
  color:#000000;
  font-family:sans-serif;
  font-weight:bold;
  font-size:45px;
}

canvas.back{
  position:fixed;
  left:0px;
  top:0px;
  opacity:0.9;
  z-index:2;
}
canvas.phone{
  display:none;
}

img.feslogo{
  position:fixed;
  top:10px;
  left:50px;
  width:250px;
  height:180px;
  z-index:3;
}

h2{
  position:fixed;
  left:1600px;
  top:850px;
  font-size:15px;
  color:#000000;
}
}