* {
 margin:0;
 padding:0;
 border:0;
 border-spacing:0;
 border-collapse:collapse;
 font-family:Verdana,Arial,Helvetica,sans-serif;
 font-size:18px;
}
html {
 height:100%;
}
body {
 background:url(img/bg.jpg) no-repeat top right;
 -webkit-background-size:cover;
 -moz-background-size:cover;
 -o-background-size:cover;
 background-size:cover;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg.jpg', sizingMethod='scale');
 -ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg.jpg', sizingMethod='scale');
}
#container {
 overflow:hidden;
 padding:100px 0;
}
#name {
 clear:both;
 display:block;
 filter:drop-shadow(5px 5px 5px #888);
 padding:0 0 0 50px;
 width:600px;
}
a {
 display:block;
 filter:drop-shadow(5px 5px 5px #555);
 float:left;
 max-width:140px;
 margin:100px 0 0 100px;
 text-align:center;
 text-decoration:none;
 width:20%;
}
a img {
 width:100%;
}
a span {
 background:#00ee00;
 border-radius:15px;
 color:#fff;
 font-weight:bold;
 padding:6px 10px;
}
@media only screen and (max-width:1000px) {
 #container {
  padding-top:0;
 }
 #name {
  bottom:25px;
  position:fixed;
  right:25px;
  width:60%;
 }
 a {
  clear:both;
 }
}
@media only screen and (max-width:650px) {
 #container {
  padding-bottom:30px;
 }
 a {
  margin:40px 0 0 40px;
 }
 a span {
  font-size:16px;
 }
}