html, body, #app {
    height: 100%;
}

body {
    background-color: #252525 !important;
}

#app {
    display: flex;
    flex-flow: column;
}

.carousel {
    position: relative;
}

.carousel__back-button, .carousel__next-button {
    position: absolute;
    top: 23%;
    background: transparent;
    border: 0;
    padding:0;
}

    .carousel__back-button:disabled, .carousel__next-button:disabled {
        display: none;
    }

.carousel__back-button {
    position: absolute;
    left: -36px;
}

.carousel__next-button {
    position: absolute;
    right: -36px;
}

.homeSliderCaro .carousel__back-button,  .homeSliderCaro .carousel__next-button {
    top: 49%;
}

.homeSliderCaro .carousel__back-button {
    left: 0;
}

.homeSliderCaro .carousel__next-button {
    right: 0;
}

@media (max-width: 600px) {
    .homeEventsCaro .carousel__back-button,  .homeEventsCaro .carousel__next-button {
        top: 75px;
    }

    .carousel__back-button svg, .carousel__next-button svg {
        height: 48px;
        width: 48px;
    }

    .carousel__back-button {
        left: -24px;
    }

    .carousel__next-button {
        right: -24px;
    }
}

@media (min-width: 600px) {
    .homeLatestCaro .carousel__back-button,  .homeLatestCaro .carousel__next-button {
        top: 13%;
    }
    .homeEventsCaro .carousel__back-button,  .homeEventsCaro .carousel__next-button {
        top: 30px;
    }
}
@media (min-width: 960px) {
    .homeLatestCaro .carousel__back-button,  .homeLatestCaro .carousel__next-button {
        top: 20%;
    }
    .homeEventsCaro .carousel__back-button,  .homeEventsCaro .carousel__next-button {
        top: 57px;
    }
}
@media (min-width: 1280px) {
    .homeLatestCaro .carousel__back-button,  .homeLatestCaro .carousel__next-button {
        top: 26%;
    }
    .homeEventsCaro .carousel__back-button,  .homeEventsCaro .carousel__next-button {
        top: 89px;
    }
}
@media (min-width: 1440px) {
    .homeLatestCaro .carousel__back-button,  .homeLatestCaro .carousel__next-button {
        top: 27.5%;
    }
    .homeEventsCaro .carousel__back-button,  .homeEventsCaro .carousel__next-button {
        top: 103px;
    }
}

.slateBlob {
	color: #151515;
	font-family: Montserrat, Helvetica, Arial, sans-serif;
}

	.slateBlob .fifty {
		width: 48%
	}

	.slateBlob .hundred {
		width: 100%
	}

	.slateBlob .hundredH {
		height: 100%
	}

	.slateBlob .sixteenNine{
		width: 100%;
        padding-bottom: 56.25%;
        position: relative;
    }

	.slateBlob .fakeHero {
        position: absolute;
        top: 7%;
    }

	.slateBlob .videoWrap {
        position: absolute;
    }

	.slateBlob .lightGradientBackground {
		background-image: linear-gradient(to bottom, #252525, #353535 50%, #252525 50%, #353535);
		color: #FFF;
	}

	.slateBlob .redBrdrTop {
		border-top: solid 3px #d3272a;
	}

	.slateBlob .innerStdPadded {
		padding: 24px;
	}

	.slateBlob .padded {
		padding: 16px;
	}

	.slateBlob .paddedWeird {
		padding: 21px;
	}

	.slateBlob h3 {
        margin-top: 0;
        font-size: 1.375rem;
        font-weight: 600;
	}

	.slateBlob p {
        line-height: 1.5;	
	}