.panel-tiles { position: relative; z-index: 2; background-color: #000; padding-top: 100px; }
.panel-tiles .row { margin-left: -4px; margin-right: -4px; }
.panel-tiles .item { padding-left: 4px; padding-right: 4px; text-align: center; margin-bottom: 10px; }
.panel-tiles .item img { position: absolute; bottom: 0; left: 0; width: 100%; }
.panel-tiles .item h3 { font-family: 'Antonio', sans-serif; font-size: 48px; text-transform: uppercase; margin-bottom: 0; }
.panel-tiles .item p { font-family: 'Syncopate', sans-serif; text-transform: uppercase; font-size: 50px; line-height: 1; margin-bottom: 0; }
.panel-tiles .item p.outline { position: relative; z-index: 2; }
.panel-tiles .item a { text-decoration: none; }
.panel-tiles .item .border { border: 4px solid #fff; height: 514px; }
.panel-tiles .item .inner { height: 100%; position: relative; padding-top: 45px; }

.panel-tiles.number-cols-4 .item { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.panel-tiles.number-cols-4 .item p { font-size: 37px; }
.panel-tiles.number-cols-4 .item h3 { font-size: 37px; }
.panel-tiles.number-cols-4 .item .border { height: 433px; }

.panel-tiles .item a:hover p.main + p { -webkit-transition-delay: 250ms; -webkit-transition-property: color; transition-delay: 250ms; transition-property: color; }
.panel-tiles .item a:hover p.main + p + p { -webkit-transition-delay: 500ms; -webkit-transition-property: color; transition-delay: 500ms; transition-property: color; }

.panel-tiles .item.class-podcast p {  }
.panel-tiles .item.class-podcast a:hover .inner { background-color: #ff6500; }
.panel-tiles .item.class-podcast a:hover p { color: #fff; }
.panel-tiles .item.class-podcast a:hover p.outline { -webkit-text-stroke-width: 0; }
.panel-tiles .item.class-podcast a:hover p.main + p { color: #fff; }
.panel-tiles .item.class-podcast a:hover p.main + p + p { color: #fff; }
.panel-tiles .item.class-merch a:hover .inner { background-color: #d3fe4d; }
.panel-tiles .item.class-merch a:hover p { color: #000; }
.panel-tiles .item.class-merch a:hover h3 { color: #000; }
.panel-tiles .item.class-merch a:hover p.outline { -webkit-text-stroke-width: 0; }
.panel-tiles .item.class-ringworm a:hover .inner { background-color: #3d6fff; }
.panel-tiles .item.class-ringworm a:hover p { color: #fff; }
.panel-tiles .item.class-ringworm a:hover p.outline { -webkit-text-stroke-width: 0; }
.panel-tiles .item.class-freebies a:hover .inner { background-color: #f1213a; }
.panel-tiles .item.class-freebies a:hover p { color: #fff; }
.panel-tiles .item.class-freebies a:hover p.outline { -webkit-text-stroke-width: 0; }

.panel-tiles .item.class-podcast p { color: #ff6500; }
.panel-tiles .item.class-podcast p.outline { color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #ff6500; }
.panel-tiles .item.class-merch p { color: #d3fe4d; }
.panel-tiles .item.class-merch p.outline { color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #d3fe4d; }
.panel-tiles .item.class-ringworm p { color: #3d6fff; }
.panel-tiles .item.class-ringworm p.outline { color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #3d6fff; }
.panel-tiles .item.class-freebies p { color: #f1213a; }
.panel-tiles .item.class-freebies p.outline { color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #f1213a; }

@media (min-width: 1680px){
	.panel-tiles .container { max-width: 1600px; }
}
@media (min-width: 1900px){
	.panel-tiles.number-cols-4 .container { max-width: 1830px; }
}

@media (max-width: 1899px){
	.panel-tiles.number-cols-4 .item .border { height: 403px; }
}
@media (max-width: 1679px){
	.panel-tiles.number-cols-3 .item h3 { font-size: 40px; }
	.panel-tiles.number-cols-3 .item p { font-size: 48px; }
	.panel-tiles.number-cols-4 .item h3 { font-size: 30px; }
	.panel-tiles.number-cols-4 .item p { font-size: 30px; }
	.panel-tiles.number-cols-4 .item .border { height: 354px; }
}
@media (max-width: 1599px){
	.panel-tiles.number-cols-3 .item h3 { font-size: 32px; }
	.panel-tiles.number-cols-3 .item p { font-size: 38px; }
	.panel-tiles.number-cols-3 .item .border { height: 392px; }
	.panel-tiles.number-cols-4 .item .inner { padding-top: 25px; }
	.panel-tiles.number-cols-4 .item h3 { font-size: 23px; }
	.panel-tiles.number-cols-4 .item p { font-size: 25px; }
	.panel-tiles.number-cols-4 .item .border { height: 274px; }
}
@media (max-width: 1199px){
	.panel-tiles.number-cols-3 .item h3 { font-size: 28px; }
	.panel-tiles.number-cols-3 .item p { font-size: 32px; }
	.panel-tiles.number-cols-3 .item .border { height: 338px; max-width: 440px; }
	.panel-tiles.number-cols-4 .item h3 { font-size: 18px; }
	.panel-tiles.number-cols-4 .item p { font-size: 20px; }
	.panel-tiles.number-cols-4 .item .border { height: 229px; }
}
@media (max-width: 991px){
	.panel-tiles .item { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.panel-tiles .item a { max-width: 330px; width: 100%; display: block; margin-left: auto; margin-right: auto; }
	.panel-tiles .item .inner { padding-top: 30px; }
	.panel-tiles.number-cols-4 .item { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.panel-tiles.number-cols-4 .item p { font-size: 32px; }
	.panel-tiles.number-cols-4 .item h3 { font-size: 28px; }
	.panel-tiles.number-cols-4 .item .border { height: 338px; }
}