html, body {
	margin: 0;
	padding: 0;
	background: black;
	color:white;
	font-family: helvetica, sans-serif, arial;
	text-align: center;
}
html.red-sky, body.red-sky {
	background: black url("red.jpg") fixed;
	background-size: cover;
}
html.green-felt, body.green-felt {
	background: #001400 url("green.jpg") fixed;
	background-size: cover;
}

h1, h2, h3, p {
	line-height: 1.5em;
}
h1 {
	text-transform: uppercase;
	font-size: 24pt;
	padding: 1em;
	margin: 0;
}
h1, h2 {
	font-family: "HelveticaNeue-CondensedBold", "Helvetica Neue",  helvetica, sans-serif, arial !important;
}
h2 {
	font-size: 20pt;
	padding: 1em;
	margin: 0;
}
h3 {
	font-size: 16pt;
	padding: 1em;
	margin: 0;
}
p {
	font-size: 12pt;
	padding: 1em;
	margin: 0;
}
a, a:hover, a:visited {
	color: white;
	text-decoration: underline;
	cursor: pointer;
}
a.bucket img {
	margin: 1em;
	padding: 1em;
	max-width: 40%;
}

.wrapper {
	max-width: 750px;
	margin: 0 auto;
}
.twitter-tweet-center {
	max-width: 550px;
	margin: auto;
	padding: 0;
}

.black-to-clear {
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
}
.clear-to-black {
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
}

div.red {
	background: red url("red.jpg") fixed;
	background-size: cover;
	color: black;	
}
div.black {
	background: black;
	color: white;		
}
div.bar {
	color: white;
	width: 100%;
	margin: 0;				
}
img.profile-picture {
	border-radius: 50%;
	width: 200px;
	height: 200px;
	border: solid white 5px;
}
img.wanted-card {
	margin: 1em;				
	max-width: 300px;
	border-radius: 1em;
	box-shadow: .5em .25em 1em rgba(0, 0, 0, 0.5);
}
img.max-960 {
	max-width: 960px !important;
	width: 100%;
}
img.max-full {
	max-width: 100%;
}
img.max-half {
	max-width: 50%;
}
img.max-half-desktop {
	max-width: 50%;
	width: 50%;
}
@media only screen and (max-width: 600px) {
	img.max-half-desktop {
		max-width: 100%;
		width: 100%;
	}
}