@import url(http://fonts.googleapis.com/css?family=RobotoDraft:400,500,700,400italic);

html, body
{
  margin: 0;
  padding: 0;
  display: block;
  font-family: RobotoDraft, sans-serif;
  font-size: 13px;
  font-style: normal;
  letter-spacing: 0.10000000149011612px;
  line-height: 24px;
  color: #fff;
  background: #000;
  overflow-y: hidden;
}

.section
{
  display: block;
  width: 300px;
  height: 300px;
}

.section img
{
  width: 150px;
  height: 150px;
  margin-left: 75px;
  border-radius: 100%;
}

.section p
{
  background: #fff;
  color: #212121;
  font-size: 12px;
  line-height: 15px;
  text-align: justify;
  margin: 0;
}

.section h2
{
  background: #fff;
  text-align: center;
  margin: 0;
}

.section#zindex1
{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -150px;
  margin-left: -150px;
}

.section#zindex1 a
{
  text-decoration: none;
  color: #fff;
  background: #212121;
}

.section#zindex2
{
  width: 200px;
  height: 150px;
  position: absolute;
}

.section#zindex2 a
{
  text-decoration: none;
  color: #fff;
}

.section#zindex2 img
{ 	
  width: 100px;
  height: 100px;
  margin-left: 50px;
}

.section#zindex2 #hidden
{
  width: 0px;
  height: 0px;
  margin-top: -10000px;
  margin-left: -10000px;
  opacity: 0;
  display: none;
  visibility: hidden;
}

@media screen and (max-height: 900px)
{
  .section#zindex2:nth-of-type(2){top: 60px; left: 0px;}
  .section#zindex2:nth-of-type(3){top: 201px; left: 0px;}
  .section#zindex2:nth-of-type(4){top: 360px; left: 0px;}
  .section#zindex2:nth-of-type(5){top: 510px; left: 0px;}
  .section#zindex2:nth-of-type(6){top: 660px; left: 0px;}
  .section#zindex2:nth-of-type(7){top: 60px; left: 250px;}
  .section#zindex2:nth-of-type(8){top: 210px; left: 250px;}
  .section#zindex2:nth-of-type(9){top: 360px; left: 250px;}
  .section#zindex2:nth-of-type(10){top: 510px; left: 250px;}
  .section#zindex2:nth-of-type(11){top: 60px; left: 500px;}
  .section#zindex2:nth-of-type(12){top: 60px; right: 500px;}
  .section#zindex2:nth-of-type(13){top: 660px; left: 250px;}
  .section#zindex2:nth-of-type(14){top: 60px; right: 0px;}
  .section#zindex2:nth-of-type(15){top: 210px; right: 0px;}
  .section#zindex2:nth-of-type(16){top: 360px; right: 0px;}
  .section#zindex2:nth-of-type(17){top: 510px; right: 0px;}
  .section#zindex2:nth-of-type(18){top: 660px; right: 0px;}
  .section#zindex2:nth-of-type(19){top: 60px; right: 250px;}
  .section#zindex2:nth-of-type(20){top: 210px; right: 250px;}
  .section#zindex2:nth-of-type(21){top: 360px; right: 250px;}
  .section#zindex2:nth-of-type(22){top: 510px; right: 250px;}
  .section#zindex2:nth-of-type(23){top: 660px; right: 250px;}
}

.section#zindex1 img, .section#zindex1 h2, .section#zindex1 p
{
  box-shadow: 0 27px 55px 0 rgba(255, 255, 255, 0.3);
  box-shadow: 0 17px 17px 0 rgba(255, 255, 255, 0.15);
}

.section#zindex2 img, .section#zindex2 h2, .section#zindex2 p
{
  box-shadow: 0 20px 40px 0 rgba(255, 255, 255, 0.3);
  box-shadow: 0 14px 12px 0 rgba(255, 255, 255, 0.17);
}

.section#zindex3 img, .section#zindex3 h2, .section#zindex3 p
{
  box-shadow: 0 13px 25px 0 rgba(255, 255, 255, 0.3);
  box-shadow: 0 11px 7px 0 rgba(255, 255, 255, 0.19);
}

.section#zindex4 img, .section#zindex4 h2, .section#zindex4 p
{
  box-shadow: 0 6px 10px 0 rgba(255, 255, 255, 0.3);
  box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 0.2);
}

.section#zindex5 img, .section#zindex5 h2, .section#zindex5 p
{
  box-shadow: 0 1px 4px 0 rgba(255, 255, 255, 0.37);
}

.links_left
{
  position: absolute;
  top: 0px;
  left: 0px;
}

nav
{
  background: #607D8B;
  height: 50px;
  width: 100%;
  position: fixed;
}

nav img
{
  height: 40px;
  padding: 5px;
}

nav h1
{
  position: fixed;
  font-size: 24px;
  top: -6px;
  left: 50px;
  color: #fff;
}

nav a
{
  color: #fff;
  text-decoration: none;
}

nav form
{
  position: fixed;
  right: 15px;
  top: 15px;
}

nav h2
{
  color: #fff;
  font-size: 20px;
  margin-left: 45%;
  top: 0px;
  margin-top: -42.5px;
}

input#submit
{
  background: #fff;
  color: #000;
  height: 20px;
  border-radius: 2px;
  border: 1px solid #000;
}

input#search
{
  background: #fff;
  color: #000;
  height: 20px;
  border-radius: 2px;
  border: 1px solid #000;
}