/* background setup */
.background {
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%\9 !important;
}

/* fullscreen setup */
html, body {
    /* give this to all tags from html to .fullscreen */
    height:100%;
	background-color: #000000;
}
.fullscreen {

-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}

.fullscreen,
.content-a {
    width:100%;
    height:100%;
    overflow:hidden;
}
.fullscreen.overflow,
.fullscreen.overflow .content-a {
    height:auto;
    min-height:100%;
}

/* content centering styles */
.content-a {
	display:table;
}
.content-b {
	display:table-cell;
    position:relative;
	vertical-align:middle;
	text-align:center;
}

/* visual styles */
body{
    margin:0;
    font-family:sans-serif;
    font-size:4em;
    line-height:100px;
	color:#fff;
    text-align:center;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.9);
}
section {
	background:#000;
}
.not-fullscreen {
    width:100%;
	height:50%;
	-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}

.font3{
    margin:10px;
	padding: 10px;
    font-family:sans-serif;
    font-size:0.5em;
line-height:2em;
	color:#fff;
    text-align:center;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.9);
}