body {
	background-color: black;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
}

h1.title {
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	font-size: 7.5em;
	text-align:center;
	text-transform: uppercase;
	color:white;
	position: absolute;
	top:50%;
	left:50%;
	width:550px;
	height:168px;
	margin-left: -275px;
	margin-top: -84px;
	z-index:1;
}

p#credit {
	color:white;
	z-index: 1;
	position:absolute;
	bottom:0px;
	right:5px;
	font-size: .8em;
	margin:0;
}

ul#social-icons {
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0;
	text-align: center;
	z-index: 1;
	position:absolute;
	top:60%;
	left:50%;
	width:550px;
	margin-left: -275px;
	}

li.social {
	list-style-type: none;
	display: inline-block;
	padding-left: .5em;
	padding-right: .5em;
	color:white;
	width: 50px;
	height: 50px
}

li.social i {color:white;}

li.social i:hover {
	opacity:0.8;
	transition-property: all;
	transition-duration: 100ms;
	transition-timing-function: linear;
	transition-delay: 0.3;
}


/*--------------------------------

	IMAGE BACKGOURND SLIDESHOW

--------------------------------*/
ul {
	list-style-type: none;
	margin:0;
}

.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}
.cb-slideshow:after { 
    content: '';
    /*background: transparent url(../images/pattern.png) repeat top left;*/
}

.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;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s; 
}

.cb-slideshow li:nth-child(1) span { 
    background-image: url(../media/images/ANN-1.jpeg) 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(../media/images/ANN-2.jpeg);
    -webkit-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(../media/images/ANN-3.jpeg);
    -webkit-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(../media/images/ANN-4.jpeg);
    -webkit-animation-delay: 18s; 
    animation-delay: 18s;
}

.cb-slideshow li:nth-child(5) span { 
    background-image: url(../media/images/ANN-5.jpeg);
    -webkit-animation-delay: 24s; 
    animation-delay: 24s;
}

.cb-slideshow li:nth-child(6) span { 
    background-image: url(../media/images/ANN-6.jpg);
    -webkit-animation-delay: 30s; 
    animation-delay: 30s;
}

@-webkit-keyframes imageAnimation { 
    0% { opacity: 0; animation-timing-function: ease-in; }
    8% { opacity: 1; animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}


@keyframes imageAnimation { 
    0% { opacity: 0; animation-timing-function: ease-in; }
    8% { opacity: 1; animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

.no-cssanimations .cb-slideshow li span{
    opacity: 1;
}

/*----------------------------------------------------------------------------
	MEDIA QUERIES
----------------------------------------------------------------------------*/
@media all and (max-width: 500px) {

	h1.title {
		font-size: 3.7em;
		width:400px;
		margin-left: -200px;
	}

	ul#social-icons {
		width:400px;
		margin-left: -200px;
		top:50%;
	}

}