.headline.column {
	padding-top: 80px;
}
.headline.column h2 {
	margin-bottom: 50px;
	font-family: 'Slabo 27px', serif;
	font-size: 27px;
	font-weight: normal;
}

.black.console {
	background: black !important;
}

.section {
	padding-top: 25px;
	padding-bottom: 25px;
}

.sub.section {
	padding-top: 70px;
	padding-bottom: 50px;
}

.section .headline.description {
	max-width: 600px;
	padding: 30px 30px 30px 30px;
	margin: auto;
	opacity: 0.7;
	font-size: 1.25em;
}
.section .massive.header {
	line-height: 1em;
}

.section h3.ui.header {
	padding: 10px;
}

.section .ui.header>.icon {
	font-size: 1.5em;
}

.section .ui.header>.icon+.content {
	line-height: 1.2em;
}

.section h3.ui.header .sub.header {
	font-size: 0.7em;
	margin-top: 5px;
	color: white;
	opacity: 0.7;
}

/*
	Customers
*/

.customers.section {
	border-top: 1px solid #eee;
	background-color: white;
	color: 444;
	padding-top: 50px;
	padding-bottom: 50px;
	font-size: 1.3em;
}

.company.logos.image {
	display: inline-block;
	background: url(/assets/static/img/company-logos.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 800px;
	min-height: 400px;
	max-width: 100%;
}

blockquote p {
	font-family: 'Special Elite', cursive;
}
blockquote p strong {
	font-weight: normal;
	border-radius: 1em 0 1em 0;
    background-image: linear-gradient(-100deg, rgba(250,247,133,0.3), rgba(250,247,133,0.7) 95%, rgba(250,247,133,0.1));
}
blockquote cite:before {
	content: '—'
}


/*
	About
*/

.about.section {
	min-height: 700px;
	width: 100%;
	background: #000 url(../img/darkmoon.jpg) 50% 50%/cover fixed;
	color: white;
	padding-top: 150px;
	padding-bottom: 150px;
	text-shadow: 1px 1px black;
}

.about.section h2.ui.icon.header {
	font-size: 2em;
}

.about.section a {
	color: white;
	text-decoration: underline;
	border: 1px solid transparent;
}

.about.section a:hover {
	background-color: white;
	color: black;
	text-decoration: none;
	border: 1px solid white;
}

.about.section .ui.header {
	color: white;
}

/*
	Dev
*/

.dev.experience.section {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f5f6+0,e3eaed+37,c8d7dc+100;Grey+3D+%234 */
	background: rgb(242,245,246); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(242,245,246,1) 0%, rgba(227,234,237,1) 37%, rgba(200,215,220,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */
}

.big-terminal {
	margin: auto;
	text-align: left;
	background: url(../img/terminal.png) no-repeat;
	background-size: contain;
	padding: 56px 63px;
	max-width: 842px;
	height: 464px;
	color: white;
}

/*
	Boxes
*/

.boxes.section .ui.center.aligned.massive.header {
	margin-bottom: 20px;
}

.boxes.section .ui.card .image {
	height: 200px;
	overflow: hidden;
}

.boxes.section .ui.grid .row+.ui.divider {
	margin-top: 5vh;
	margin-bottom: 5vh;
}

.boxes.section .text.column {
	font-size: 1.2em;
	padding-top: 50px;
}

.boxes.section .text.column a:not(.button) {
	text-decoration: underline;
	color: white;
	border: 2px solid transparent;
}

.boxes.section .text.column a:not(.button):hover {
	background-color: white;
	color: black;
	border: 2px solid white;
	text-decoration: none;
}

.boxes.section .box h4.box.title i.icon {
	color: #999;
}

.boxes.section .box h4.box.title {
	margin-bottom: 0px;
}

.boxes.section .box h4.box.title em {
	font-weight: lighter;
	font-style: normal;
	opacity: 0.25;
	margin-left: 5px;
	font-size: 0.8em;
}

.boxes.section .box .box.description {
	margin-left: 48px;
	margin-top: -21px;
}

.tiny.circular.image {
	width: 40px; height: 40px;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: 20px;
}

.futureboxes.section {
	padding: 0 0;
	color: white;
	text-shadow: 1px 1px #000000;

    background-color: #162833;
    /* IE9, iOS 3.2+ */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMyYjRmNjYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%,color-stop(0, rgb(0, 0, 0)),color-stop(1, rgb(43, 79, 102)));
    /* Android 2.3 */
    background-image: -webkit-repeating-linear-gradient(top,rgb(0, 0, 0) 0%,rgb(43, 79, 102) 100%);
    /* IE10+ */
    background-image: repeating-linear-gradient(to bottom,rgb(0, 0, 0) 0%,rgb(43, 79, 102) 100%);
    background-image: -ms-repeating-linear-gradient(top,rgb(0, 0, 0) 0%,rgb(43, 79, 102) 100%);

}

.stars {
	padding: 15vh 0;
	background-image: url(/assets/shared/static/img/stars.png);
	background-attachment: fixed;
}

/*
	Pricing
*/

.pricing.section {
	background: url(/assets/shared/static/img/bgs/brickwall.png);
}

.pricing.section .ui.full.height.card {
	height: 100%;
	min-height: 250px;
}

.pricing.section .ui.card .ui.bottom.button {
	font-size: 1.5em;
	font-weight: normal;
}

.pricing.section .ui.full.height.highlighted.card {
	background: url(../../shared/static/img/bgs/grey.png);
}

.pricing.section .ui.card .description p {
	margin-bottom: 6px;
	line-height: 1.25em;
}

.pricing.section .ui.card .description strong {
	background-color: #ffffdd;
}

.strike {
	text-decoration: line-through;
}


.blog.section {
	min-height: 1200px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e8e8fc+100&1+0,0.28+99 */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,252,0.28) 99%, rgba(232,232,252,0.28) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,252,0.28) 99%,rgba(232,232,252,0.28) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(232,232,252,0.28) 99%,rgba(232,232,252,0.28) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#47e8e8fc',GradientType=0 ); /* IE6-9 */
}

.blog.section .ui.card {
	box-shadow: none;
}
.blog.section .ui.card>.image {
	max-height: 200px;
	overflow: hidden;
}
.blog.section .ui.card .content {
	border-top: 0px;
	padding-bottom: 5px !important;
}
.blog.section .ui.card .extra.content {
	border-top: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 15px !important;
}
.blog.section .headline.description {
	opacity: 1;
}