@media(min-width:769px){
	#content{
		max-width:calc(100% - 64px);
		margin:0 auto
}
	#content{
		box-sizing:border-box
}
	#content *{
		box-sizing:border-box
}
	#content .sp-sections-and-tiles section{
		min-height:665px;
		height:80vh;
		max-width:1032px;
		margin:0 auto;
		padding-left:64px
}
	#content .sp-sections-and-tiles section .section-inner{
		position:relative;
		top:50%;
		transform:translateY(-50%)
}
	#content .sp-sections-and-tiles .tile{
		display:inline-block;
		height:600px;
		margin:16px;
		background-repeat:no-repeat;
		background-size:cover;
		background-position:center center;
		position:relative;
		overflow:hidden
}
	#content .sp-sections-and-tiles .tile .tile-inner{
		display:block;
		width:100%;
		height:350px;
		position:absolute;
		top:300px;
		left:0;
		background:rgba(0,0,0,.5);
		transition:top .5s
}
	#content .sp-sections-and-tiles .tile .tile-inner h2{
		text-align:center;
		color:#fff;
		font-size:32px;
		height:50px;
		line-height:50px;
		margin:0;
		padding:0
}
	#content .sp-sections-and-tiles .tile .tile-inner p{
		display:table-cell;
		vertical-align:middle;
		width:100%;
		height:300px;
		font-size:18px;
		color:#fff;
		padding:0 16px
}
	#content .sp-sections-and-tiles .tile:hover .tile-inner{
		top:0
}
	#content .sp-sections-and-tiles .tile.size1{
		width:calc(100% - 39px)
}
	#content .sp-sections-and-tiles .tile.size2{
		width:calc(50% - 34px)
}
	#content .sp-sections-and-tiles .tile.size3{
		width:calc(33.333% - 35px);
		height:250px
}
	#content .sp-sections-and-tiles .tile.size3 .tile-inner{
		top:200px
}
	#content .sp-sections-and-tiles .tile.size3 .tile-inner p{
		font-size:12px;
		height:200px
}
	#content .sp-sections-and-tiles .tile.size3:hover .tile-inner{
		top:0
}
	#content .sp-sections-and-tiles .tile.size4{
		width:calc(25% - 36px);
		height:200px
}
	#content .sp-sections-and-tiles .tile.size4 .tile-inner{
		top:150px
}
	#content .sp-sections-and-tiles .tile.size4 .tile-inner h2{
		font-size:16px
}
	#content .sp-sections-and-tiles .tile.size4 .tile-inner p{
		display:none
}
	#content .sp-sections-and-tiles section{
		display:block
}
	#content .sp-sections-and-tiles section .section-inner{
		position:relative;
		top:50%;
		transform:translateY(-50%)
}
	#content .sp-sections-and-tiles h1{
		display:block;
		height:50px;
		background:rgba(0,0,0,.5);
		text-align:center;
		font-size:38px;
		color:#fff;
		margin:0 16px;
		width:calc(100% - 34px)
}
}
@media(max-width:768px){
	.sp-sections-and-tiles{
		box-sizing:border-box
}
	.sp-sections-and-tiles *{
		box-sizing:border-box
}
	.sp-sections-and-tiles .tile{
		display:block;
		margin:16px;
		position:relative;
		text-decoration:none;
		color:#fff;
		padding-top:250px;
		background-repeat:no-repeat;
		background-size:cover;
		background-position:center center
}
	.sp-sections-and-tiles .tile h2{
		display:block;
		position:absolute;
		top:0;
		left:0;
		background:rgba(0,0,0,.5);
		font-size:32px;
		text-decoration:none;
		color:#fff;
		width:100%;
		text-align:center;
		height:50px;
		line-height:50px
}
	.sp-sections-and-tiles .tile p{
		display:block;
		background:rgba(0,0,0,.5);
		padding:16px
}
	.sp-sections-and-tiles h1{
		display:block;
		height:50px;
		background:#666;
		text-align:center;
		font-size:38px;
		color:#fff;
		margin:0 16px;
		width:calc(100% - 34px)
}
}