.gradient{padding-top:3rem;padding-bottom:3rem}
.subheader, h1, h2{margin-bottom:1.5rem;}
h3, h4, h5, h6{margin-bottom:1rem;}
h2{
	margin-top: 2rem;
}
.tout .tout--content,.tout .tout--container {background-color: #f5f5f5};
.tout.fill.align-right .tout--content {top: 6rem;}

#logo {position:relative;top:3rem;left:1rem;width:150px;}
.row .medium-collapse{
	margin: 0;
}
.dark-gradient-top{

background: #000000; /* Old browsers */
background: -moz-linear-gradient(top, #000000 0%, #505050 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #000000 0%,#505050 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #000000 0%,#505050 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#505050',GradientType=0 ); /* IE6-9 */
}
.dark-gradient-bottom{

background: #404040; /* Old browsers */
background: -moz-linear-gradient(top, #404040 0%, #bababa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #404040 0%,#bababa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #404040 0%,#bababa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#bababa',GradientType=0 ); /* IE6-9 */
}

.dark-gradient-bottom .intro{
	border-bottom: 2px solid #c3c3c3;
	padding-top: 1rem;
	padding-bottom: 1rem;
	min-height: 18rem;
}

.dark-gradient-bottom .intro p{
	padding-top: 1.25rem;
	padding-right: 0.5rem;
}

.dark-gradient-bottom .list{
	margin-bottom: 1.25rem;
}
.dark-gradient-bottom .list p{
	/*border-bottom: 2px solid #c3c3c3;*/
	border-bottom: 2px solid rgb(195, 195, 195);
    border-bottom: 2px solid rgba(255, 255, 255, .5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box; 
	margin: 0;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	font-size: 0.9rem;
	font-weight: 700;
}
.dark-gradient-bottom  .button{
	color: #FFFFFF;
	border-color: #ebebeb;
	font-size: 0.9rem;
	border-width: 2px;
	border-color: rgba(255, 255, 255, .5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box; 
}
.padding-right{
	padding-right: 0.75rem;
}
.padding-left{
	padding-left:0.75rem;
}
.black {
	background-color: #000000;
}

.black .intro{
	border-bottom: 2px solid #c3c3c3;
	padding-top: 1rem;
	padding-bottom: 1rem;
	min-height: 14rem;
}

.black .intro p{
	padding-top: 1.25rem;
	padding-right: 0.5rem;
}

.black .list{
	margin-bottom: 1.25rem;
}
.black .list p{
	/*border-bottom: 2px solid #c3c3c3;*/
	border-bottom: 2px solid rgb(195, 195, 195);
    border-bottom: 2px solid rgba(255, 255, 255, .5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box; 
	margin: 0;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	font-size: 0.9rem;
	font-weight: 700;
}
.black  .button{
	color: #FFFFFF;
	border-color: #ebebeb;
	font-size: 0.9rem;
	border-width: 2px;
	border-color: rgba(255, 255, 255, .5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box; 
}
@media only screen and (min-width: 40.063em) { 
	.tout, .tout .tout--image {height: 25rem;}
	.section{padding:5rem 0;}
}
@media only screen and (max-width: 40em) { 
	#logo{top: 0rem;}
	.dark-gradient-bottom p .intro,.black .intro p{	padding-top: 1.25rem;}
	.dark-gradient-bottom .intro,.black .intro {min-height: 0}
	.list {min-height: 0 !important;}
}