/* XS */
@media screen and (max-width: 575px){
	body{
		/*background: red;*/
		font-size: 14px;
	}

	.btn span{
		display: none;
	}

	.imgresponsive-70{
		margin: auto;
		display: block;
		max-width: 70%;
	}

	.imgresponsive-xs-100{
		max-width: 100%;
	}

	.mt-xs-72{
		margin-top: 72px;
	}

	.mb-xs-24{
		margin-bottom: 24px;
	}

	.mb-xs-224{
		margin-bottom: 224px;
	}


	.logo{
		display: flex;
	}

	.highlight{
		text-align: center;
	}

	.highlight-text{
		font-size: 3em;
	}



	.emphasis-container-bg{
		margin-top: 64px;
	}

	.emphasis-row{
		padding-bottom: 64px
	}

	.emphasis-title, .emphasis-lead{
		text-align: center;
	}

	.emphasis-lead{
		margin-bottom: 24px;
	}

	.emphasis-link{
		display: block;
	}


	.blockquote{
		font-size: 1.3em;
		line-height: 1.6em;
	}

	.blockquote-text{
		padding: 48px;
	}


	.salesflow, .coastsales{
		padding: 48px 24px;
	}

	.salesflow-item{
		flex-wrap: wrap;
	}

	.salesflow-item span{
		margin-bottom: 16px;
	}

	.salesflow-content{
		padding-left: 24px;
		width: 100%;
	}

	.coastsales-table th{
		padding-top: 32px;
	}

	.coastsales-table tr:first-child th{
		padding-top: 0;
	}

	.coastsales-table td{
		padding: 0;
	}

	.coastsales-table td b{
		padding-bottom: 8px;
		display: block;
	}


	.newsletter-title{
		font-size: 3em;
	}


	.social{
		margin: 24px auto 56px;
		background-size: 48%;
	}
} 


/* SM */
@media screen and (min-width: 576px){
	body{
		/*background: green;*/
		font-size: 16px;
	}

	.btn span{
		display: none;
	}


	.mt-sm-72{
		margin-top: 72px;
	}


	.blockquote{
		font-size: 1.3em;
		line-height: 1.6em;
	}

	.blockquote-text{
		padding: 48px;
	}


	.imgresponsive-sm-100{
		max-width: 100%;
	}


	.highlight{
		text-align: center;
	}
} 


/* MD */
@media screen and (min-width: 768px){
	body{
		/*background: blue;*/
	}

	.imgresponsive-md-100{
		max-width: 100%;
	}

	.emphasis-row{
		padding-bottom: 224px
	}

	.emphasis-container-bg{
		margin-top: 120px;
	}

	.emphasis-title{
		padding-top: 88px;
	}

	.emphasis-partner{
		position: absolute;
		top: 300px;
		right: 0;
	}


	.blockquote{
		font-size: 1.8em;
		line-height: 1.4em;
	}


	.salesflow, .coastsales, .coastsales{
		padding: 48px 24px;
	}

	.salesflow, .coastsales-item span{
		margin-bottom: 8px;
	}


	.newsletter-title{
		font-size: 3em;
	}
} 


/* LG */
@media screen and (min-width: 992px){
	body{
		/*background: purple;*/
		font-size: 16px;
	}

	.btn span{
		display: inline-block;
	}


	.highlight{
		min-height: 509px;
		text-align: inherit;
	}

	.highlight:before{
		display: block;
		/*width: 692px;*/
		width: 490px;
	}


	.blockquote{
		font-size: 2.6em;
		line-height: 1.4em;
	}

	.blockquote-text{
		padding: 88px 48px;
	}


	.emphasis-title{
		padding-top: 128px;
	}

	.emphasis-lead{
		margin-bottom: 56px;
	}


	.salesflow, .coastsales{
		padding: 96px 102px;
	}


	.newsletter-title{
		font-size: 4em;
		flex-wrap: nowrap;
	}

	.footernav:hover .footernav-link{
		color: #ACA4D3;
	}
}


/* XL */
@media screen and (min-width: 1200px){
	body{
		/*background: orange;*/
	}

	.highlight:before{
		display: block;
		width: 692px;
	}

	.emphasis-partner{
		position: absolute;
		top: 32px;
		left: 650px;
	}

	.blockquote-text{
		max-width: 50vw;
	}
}

/* XXL */
@media screen and (min-width: 2560px){
	.blockquote-text{
		max-width: 30vw;
	}
}