body, h1, p, a {color: #fff; background-color: #000;}
h1 { font-family: "SilverBulletBB", Georgia; font-size:7em; letter-spacing:0.03em; margin-bottom:0.33em; font-weight:400;}
h1 span { font-size: 2em; line-height:0.5em; letter-spacing:0.03em;}
ul { padding:0 }
#main { padding: 0; margin:0 auto; width:500px; text-align:center; }
#meta { font-family: Arial, Helvetica, sans-serif;}
#social .label { display: none; }
#social li { display:inline-block; }
.fa { padding:16px; font-size:32px; width:32px; text-align:center; text-decoration:none; border-radius: 50%; margin-right: 0.7em; border: 2px solid #fff; }
.fa-youtube { border-color: #FF6251;}
.fa-youtube::before { color: #FF6251;}
.fa-instagram { border-color: #FEC700;}
.fa-instagram::before { color: #FEC700;}
.fa-facebook { border-color: #74A7FE;}
.fa-facebook::before { color: #74A7FE;}
.fa-twitter { border-color: #77BB41; margin-right:0;}
.fa-twitter::before { color: #77BB41;}

#social a { margin:10px; padding:16px; }
#social a:hover { 
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin:0; 
	padding:26px; 
}

/* Mobile (Portrait) */
@media screen and (max-width: 600px) {
   #main { width:100%; margin:0 auto;}
   h1 { font-size:4em;}
   h1 span { font-size: 2em; display:block; margin-bottom:50px;}
   .fa { padding:12px; font-size:24px; width:24px;}
}