@font-face {
	font-family: 'BrandonText-Light';
	src: url('../fonts/BrandonText-Light.otf');
	src: 
		local('Brandon Light'),
		local('Brandon-Light'),
		url('../fonts/BrandonText-Light.otf') 
		format('opentype');
}

@keyframes imageAnimation { 
    0% { opacity: 0; animation-timing-function: ease-in; }
    2% { opacity: 1; animation-timing-function: ease-out; }
	4% { opacity: 1 }
    6% { opacity: 0 }
    100% { opacity: 0 }
}

@keyframes titleAnimation { 
    0% { opacity: 0; animation-timing-function: ease-in; }
    2% { opacity: 1; animation-timing-function: ease-out; }
    8% { opacity: 1 }
    10% { opacity: 0 }
    100% { opacity: 0 }
}

.cb-slideshow { 
	background-color: black;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}

.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    animation: imageAnimation 120s linear 0s;
    animation-iteration-count: infinite;
}

.cb-slideshow li div.outer { 
    z-index: 1000;
    position: absolute;
    top: 150px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    animation: titleAnimation 120s linear 0s; 
    animation-iteration-count: infinite;
}

.cb-slideshow li div h3 { 
	color: rgba(255,255,255,0.6);
    font-family: 'BrandonText-Light', sans-serif;
    font-size: 100px;
    text-align: right;
}

.cb-slideshow li:nth-child(1) span {  }
.cb-slideshow li:nth-child(2) span { animation-delay: 6s; }
.cb-slideshow li:nth-child(3) span { animation-delay: 12s; }
.cb-slideshow li:nth-child(4) span { animation-delay: 18s; }
.cb-slideshow li:nth-child(5) span { animation-delay: 24s; }
.cb-slideshow li:nth-child(6) span { animation-delay: 30s; }
.cb-slideshow li:nth-child(7) span { animation-delay: 36s; }
.cb-slideshow li:nth-child(8) span { animation-delay: 42s; }
.cb-slideshow li:nth-child(9) span { animation-delay: 48s; }
.cb-slideshow li:nth-child(10) span { animation-delay: 54s; }
.cb-slideshow li:nth-child(11) span { animation-delay: 60s; }
.cb-slideshow li:nth-child(12) span { animation-delay: 66s; }
.cb-slideshow li:nth-child(13) span { animation-delay: 72s; }
.cb-slideshow li:nth-child(14) span { animation-delay: 78s; }
.cb-slideshow li:nth-child(15) span { animation-delay: 84s; }
.cb-slideshow li:nth-child(16) span { animation-delay: 90s; }
.cb-slideshow li:nth-child(17) span { animation-delay: 96s; }
.cb-slideshow li:nth-child(18) span { animation-delay: 102s; }
.cb-slideshow li:nth-child(19) span { animation-delay: 108s; }
.cb-slideshow li:nth-child(20) span { animation-delay: 114s; }

.cb-slideshow li:nth-child(2) div { animation-delay: 6s; }
.cb-slideshow li:nth-child(3) div { animation-delay: 12s; }
.cb-slideshow li:nth-child(4) div { animation-delay: 18s; }
.cb-slideshow li:nth-child(5) div { animation-delay: 24s; }
.cb-slideshow li:nth-child(6) div { animation-delay: 30s; }
.cb-slideshow li:nth-child(7) div { animation-delay: 36s; }
.cb-slideshow li:nth-child(8) div { animation-delay: 42s; }
.cb-slideshow li:nth-child(9) div { animation-delay: 48s; }
.cb-slideshow li:nth-child(10) div { animation-delay: 54s; }
.cb-slideshow li:nth-child(11) div { animation-delay: 60s; }
.cb-slideshow li:nth-child(12) div { animation-delay: 66s; }
.cb-slideshow li:nth-child(13) div { animation-delay: 72s; }
.cb-slideshow li:nth-child(14) div { animation-delay: 78s; }
.cb-slideshow li:nth-child(15) div { animation-delay: 84s; }
.cb-slideshow li:nth-child(16) div { animation-delay: 90s; }
.cb-slideshow li:nth-child(17) div { animation-delay: 96s; }
.cb-slideshow li:nth-child(18) div { animation-delay: 102s; }
.cb-slideshow li:nth-child(19) div { animation-delay: 108s; }
.cb-slideshow li:nth-child(20) div { animation-delay: 114s; }


/* Tablet Screen Sizes */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	.cb-slideshow li div h3.single-line {
		line-height: 90px;
	}
	
}

@media only screen and (min-width: 480px) and (max-width: 959px) and (max-height: 550px) {
	
	.cb-slideshow li div h3 { display: none; }
	.cb-slideshow li div h3.single-line {
		line-height: 90px;
	}
	
	
}

/* Mobile Landscape Screen Sizes */
@media only screen and (min-width: 480px) and (max-width: 670px) {
	
	.cb-slideshow li div h3.single-line {
		line-height: 90px;
	}
	
	.cb-slideshow li div.outer { 
		bottom: calc(50% - 100px);	
	}
	
}

/* Mobile Portrait Screen Sizes */
@media only screen and (max-width: 479px) {
	
	.cb-slideshow li div h3 { display: none; }
}

@media only screen and (max-height: 475px) {
	
	.cb-slideshow li div h3 { display: none; }
}