@font-face {
    font-family:Homenaje;
    src: url(homenaje.ttf);
}

body {
   margin:0;
   padding:0;
   background:#000;
   font-family:Homenaje,Helvetica,sans-serif;
   font-size:18pt;
}

#header {
   height:120px;
   width:100%;
   background:#d2cab3;
   text-align:left;
   padding: 10px 0 0 3%;
   white-space: nowrap;
   position:fixed;
}

.title {
   font-size:32pt;
}

#text {
   margin-top:130px;
   color:#ccc;
   text-align:left;
   padding:3%;
   width:44%;
   float:left;
}

.button {
   height:50px;
   width:50px;
   border-radius:50px;
   padding:29px 25px 18px 25px;
   color:#999;
   border:2px #999 solid;
	font-family:Homenaje,Helvetica,sans-serif;
   font-size:24pt;
   text-align:center;
   cursor:pointer;
}

.button:hover {
   color:#ccc;
   border:2px #ccc solid;
}

p a, li a {
   color:#999;
   text-decoration:none;
}

p a:hover, li a:hover {
   color:#ccc;
}

.big {
   font-size:24pt;
}

#goeli {
   margin-top:200px;
   width:50%;
   float:left;
}

@media only screen and (max-width: 666px) {

   #header p, p, li {
      font-size:18pt;
   }

   #header {
      height:110px;
   }

	.title {
		font-size:24pt;
	}

   .big {
   	font-size:24pt;
   }

   #text {
      margin-top:30px;
      width:90%;
   }

   #goeli {
      width:100%;
      margin-top:140px;
   }
}

@media only screen and (min-width: 667px) and (max-width: 1024px) {
   #header {
      position:static;
   }
   
   #text {
      margin-top:0;
   }
   
   #goeli {
      margin-top:52px;
   }
}