@media screen and (min-width: 768px) {
  #colophon {
    float: left;
    margin: 1em 0 0;
    width: 100%;
  }
	#colophon,
	#colophon a {
		color: #fff;
		text-decoration: none;
	}
  #colophon .site-info {
		font-size: 0.857em;
		font-weight: bold;
		margin: 10px 0 0;
		opacity: 0.5;
		position: absolute;
		right: 0;
		text-align: right;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.75);
		text-transform: uppercase;
		top: 100%;
		white-space: nowrap;
	}
}
@media screen and (max-width: 768px) {
	#colophon {
		background: #e0e0e0;
		float: left;
		padding: 2em;
		text-align: center;
		width: 100%;
	}
}