@media (min-width: 769px) {
	#app {
		width: 100vw !important;
		height: 100vh !important;
	}
	section#home {
		padding: 0 95px 0 90px !important;
	}
	footer#footer {
        display: block;
        padding-top: 120px;
    }
	#content {
		max-width: calc(100% - 64px);
	}
	#content {
		box-sizing: border-box;
	}
	#content * {
		box-sizing: border-box;
		text-align: center;
		
	}
	#content .sp-sections-and-tiles section {
		min-height: 800px;
		height: auto;
		padding-left: 64px;
	}
	#content .sp-sections-and-tiles .tile {
		display: inline-block;
		height: 350px;
		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, 0.5);
		transition: top 0.5s;
	}
	#content .sp-sections-and-tiles .tile .tile-inner h2 {
		text-align: center;
		color: white;
		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: white;
		padding: 0 16px;
	}
	#content .sp-sections-and-tiles .tile:hover .tile-inner {
		top: 0;
	}
	#content .sp-sections-and-tiles .tile.size1 {
		width: calc(100% - 42px);
	}
	#content .sp-sections-and-tiles .tile.size2 {
		width: calc(50% - 34px);
	}
	#content .sp-sections-and-tiles .tile.size3 {
		width: calc(25% - 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 h1 {
		display: inblock;
		height: 50px;
		background: rgba(0, 0, 0, 0.5);
		text-align: center;
		font-size: 38px;
		color: white;
		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: white;
		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, 0.5);
		font-size: 32px;
		text-decoration: none;
		color: white;
		width: 100%;
		text-align: center;
		height: 50px;
		line-height: 50px
	}
	.sp-sections-and-tiles .tile p {
		display: block;
		background: rgba(0, 0, 0, 0.5);
		padding: 16px
	}
	.sp-sections-and-tiles h1 {
		display: block;
		height: 50px;
		background: #666;
		text-align: center;
		font-size: 38px;
		color: white;
		margin: 0 16px;
		width: calc(100% - 34px)
	}
}


/*# sourceMappingURL=sections-and-tiles.min.css.map */