.gradient{padding-top:3rem;padding-bottom:3rem}
h1.white{color:#FFFFFF !important;}
.subheader, h1, h2{margin-bottom:1.5rem;}
h3, h4, h5, h6{margin-bottom:1rem;}
h2{
	margin-top: 2rem;
}

.playbase h2{
	margin-top: 0rem;
}

.tout .tout--container{
	position:relative;
}

.trueplay .row .medium-4 h2{
	margin-top: 0rem;
}

.tout .tout--content,.tout .tout--container;
.tout.fill.align-right .tout--content {top: 6rem;}


#logo {
	position:absolute;
	top:2rem;
	width:150px;
}
#logo img{
	width:80%; 
	margin-left:80px;
}
.row .medium-collapse{
	margin: 0;
}

.black-white-gradient{
background-image:url("../../images/gradient-bg.jpg");
background-repeat: repeat-x;
}

.etail {
	float:right;
	
	}

.black-white-gradient  h1.white{
	max-width:350px;
}

.tout.fill.align-right .tout--content {
		max-width:19rem;
		left:0;
		top:2em !important;
	}

	.products{
	padding-top: 6.5rem;
	}
.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-white-bottom{

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

.dark-gradient-bottom .intro{
	/*border-bottom: 2px solid #c3c3c3;*/
	padding-top: 1rem;
	padding-bottom: 1rem;
	min-height: 18rem;
}
.dark-gradient-white-bottom .intro{
	/*border-bottom: 2px solid #c3c3c3;*/
	padding-top: 3rem;
	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;
	border-color: #000000;
	font-size: 0.9rem;
	border-width: 2px;
	border-color: rgba(0, 0, 0, 0);
    -webkit-background-clip: padding-box;
    background-clip: padding-box; 
}

.dark-gradient-bottom h5{
	margin:0rem;
	margin-top:1.25rem;
	color:white;
	font-weight:400;
}

.dark-gradient-white-bottom h5.white{
		margin:0rem;
	margin-top:1.25rem;
	margin-bottom:1.25rem;
	color:white;
	font-weight:400;
}

.button.secondary{
	padding:1rem 2rem !important;
}

.padding-right{
	padding-right: 0.75rem;
}
.padding-left{
	padding-left:0.75rem;
}
.black {
	background-color: #000000;
}

.black .intro{
	
	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, 0);
    -webkit-background-clip: padding-box;
    background-clip: padding-box; 
}
p.room{
	width:50%;
}
@media only screen and (min-width: 40.063em) { 
#logo {width:195px; }
.tout, .tout .tout--image {height: 20rem;}
	/*.section{padding:5rem 0;}*/
	.tout.fill.align-right [data-interchange] {
    background-position: 0 50%;
    left: 0;
    position: absolute;
    width: 100%;
	}
}

@media only screen and (max-width: 40em) { 
	#logo{top: 1rem; position:relative; left:1em;}
.tout .tout--content,.tout .tout--container {background-color: #000000;}
	.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;}
	.padding-left { padding-left:0rem;}
	.padding-right {padding-right:0rem;}
	
}