@media screen {
	.stripe {
		text-align: center;
	}
	.text-left {
		text-align: left;
	}
	.text-center {
		text-align: center;
	}
	.text-xlarge {
		font-size: 1.25rem;
		line-height: 1.5rem;
	}
	.text-large {
		font-size: 1.125rem;
		line-height: 1.5rem;
	}
	.margin-top-none {
		margin-top: 0;
	}
	.margin-bottom-none {
		margin-bottom: 0;
	}

	.text-lead {
		margin: auto auto 0.75em;
		color: gray;
	}

	pre {
		text-align: left;
	}

	/* lists */
	ul.list-inline {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	ul.list-inline > li {
		display: inline-block;
		padding: 10px;
	}

	ul.input-list {
	  list-style: none;
	  margin: 0 -10px;
	  padding: 0;
	}
	ul.input-list li {
	  display: block;
	  margin-top: 10px;
	  padding: 0 10px;
	}
	
	table td {
		vertical-align: top;
	}
	table td pre {
		margin: 0;
		padding: 0;
		display: inline-block;
	}

	h4 {
		border: none;
	}

	/* form elements */
	input[type=text] {
	  display: block;
	  margin: 0;
	  width: 100%;
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
	  -webkit-box-shadow: none;
	  -moz-box-shadow: none;
	  box-shadow: none;
	  -webkit-border-radius: none;
	  -moz-border-radius: none;
	  -ms-border-radius: none;
	  -o-border-radius: none;
	  border-radius: none;
	}
	input[type=text]:focus {
	  outline: none;
	}

	input[type="text"] {
	  border: solid 1px #c9c9c9;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	  -webkit-transition: border 0.3s;
	  -moz-transition: border 0.3s;
	  -o-transition: border 0.3s;
	  transition: border 0.3s;
	}
	input[type="text"]:focus,
	input[type="text"].focus {
	  border: solid 1px #969696 !important;
	}

	.lightcase-title,
	.lightcase-caption,
	.lightcase-info {
		color: #aaa;
	}

	header.stripe:not(.full) .text,
	header.stripe:not(.full) .text-center,
	header.stripe:not(.full) .text-center-tight {
		padding-top: 150px;
	}

	.share-buttons {
		position: absolute;
		z-index: 999;
		top: 30px;
		right: 30px;
	}
	.share-buttons a {
		position: relative;
		display: inline-block;
		width: 1.5rem;
		height: 1.5rem;
		line-height: 1.5rem;
		font-size: 1rem;
		color: rgba(255,255,255,0.25);
		-webkit-transition: color 0.2s ease-out;
		-moz-transition: color 0.2s ease-out;
		-o-transition: color 0.2s ease-out;
		-ms-transition: color 0.2s ease-out;
		transition: color 0.2s ease-out;
	}
	.share-buttons a:hover {
		color: rgba(255,255,255,1);
	}
	.share-buttons a:not(:first-child) {
		margin-left: 1.5rem;
	}
	.share-buttons a > span {
		position: absolute;
		top: -9999px;
		width: 0;
		height: 0;
		overflow: hidden;
	}
}

@media screen and (max-width: 991px) {
	thead {
		display: none;
	}
	td {
		  display: block;
		  width: 100%;
		  padding-top: 0px;
		  font-size: 0.875em
	}
	table td:first-child {
		padding-top: 1em;
	}
	td:before {
		display: inline-block;
		font-weight: bold;
		width: 33.333%;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	td:nth-of-type(1):before,
	td:nth-of-type(2):before,
	td:nth-of-type(3):before,
	td:nth-of-type(4):before {
		content: attr(data-title);
	}
}

@media screen and (max-width: 701px) {
	.share-buttons {
		top: 57px;
	}
	.share-buttons a:not(:first-child) {
		margin-left: 0.75rem;
	}

	nav .logo-container .logo-line {
		position: relative;
		top: 5px;
		padding: 6px 10px;
		font-size: 1em;
	}
}