body {background:black url(vegas.jpg) no-repeat center top fixed;color:white;margin:0;padding:20px;text-align:center;font-size:62.5%;font-family:sans-serif;}
#wrapper {text-align:left;}
a {color:white;}
h1 {background:#150f11;background:rgba(19, 0, 44,0.7);margin:0 0 1em 0;padding: 0.6em 1em;font-size:3em;}
h1 a {text-decoration:none;text-align:center;display:block;}
#mysites, #travelwriting, #credentials {padding:1em;background:#000;background:rgba(0,0,0,0.75);width:25%;float:left;margin:0 1.5%;}
h1, #mysites, #travelwriting, #credentials {border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;border:3px solid white;}
ul {margin:0;padding:0;list-style:none;}
h2 {margin:3px 0 10px 0;font-size:2em;}
h3 {font-size:1.6em;}
#wrapper li a {text-decoration:none;font-size:1.6em;}
#mysites a, #travelwriting a, #credentials a {display:block;background:rgba(0,0,0,0.4);padding:4px;margin:4px 0;text-shadow:1px 1px 2px #030303;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:5px}
#mysites a:hover, #travelwriting a:hover, #credentials a:hover {background:rgba(46, 20, 80,0.7);text-shadow:1px 1px 2px #000;}

@media screen and (max-device-width: 480px)
{
	body {background:#333;padding:2em;margin:0;}
	#wrapper {font-size:3em;margin:0;}
	h1 {margin:0}
	#mysites, #travelwriting, #credentials {float:none;margin:1em 0;width:100%;padding:0;}
	ul {margin:1em;}
	h2, h3 {margin:1em 0.6em;}
}