@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400,700,300);

body { font-family: "Roboto Condensed", Arial; font-weight:300; font-size:16px;  height:100%; color:#ccc; 
padding:50px; text-align:center; padding-bottom:300px; text-decoration:none;}

h2 { font-size:50px; color:#ccc; line-height: 25px}
h3 { font-size:16px }
img {margin-top:5px}

p {margin:0;padding:0;margin-bottom:10px}
img {margin-bottom: 10px}

.main {text-align:left; margin:auto}
.q {width:100px; height:100px; margin-right:14px}

a:link       {text-decoration:none;color:inherit}
a:visited   {text-decoration:none;color:inherit}
a:hover   {text-decoration:underline;color:inherit}

a.nu:link       {text-decoration:none;color:inherit}
a.nu:visited   {text-decoration:none;color:inherit}
a.nu:hover   {text-decoration:none;color:inherit}

@media only screen and (max-width: 767px) {
  .main {width:360px}
  .ic {width:400px}
  body {background-color:#333; padding:30px}
  img {width:93%}
}

@media only screen and (min-width: 768px) {
  .main {width:500px}
  body {background-color:#333}
}