/* 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%;
}
.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;
    max-width: 70px;
    padding-right: 10%;
    position: relative;
    text-align: right;
    vertical-align: middle;
}
.content-b a {
    border: medium solid;
    color: #ffffff;
    font-size: 21px;
    letter-spacing: 2px;
    padding: 21px 28px;
    text-decoration: none;
}
.content-c a {
    border: medium solid;
    color: #ffffff;
    font-size: 21px;
    padding: 21px 28px;
    text-decoration: none;
	letter-spacing: 2px;
}
.content-c {
    display: table-cell;
    max-width: 70px;
    padding-left: 10%;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

/* visual styles */
body{
    margin:0;
    font-family:sans-serif;
    font-size:28px;
    line-height:100px;
	color:#ffffff;
    text-align:center;
}
section {
	background:#9ed100;
}
.not-fullscreen {
    height:50%;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.content-b {
    display: table-cell;
    float: left;
    height: 100px;
    margin-top: 56%;
    max-width: 100%;
    padding-right: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
	.content-c {
    display: table-cell;
    float: left;
    max-width: 100%;
    padding-left: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.content-c a {
    border: medium solid;
    color: #ffffff;
    font-size: 21px;
    padding: 20px 69px;
    text-align: center;
    text-decoration: none;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.content-b {
    display: table-cell;
    float: left;
    height: 100px;
    margin-top: 56%;
    max-width: 100%;
    padding-right: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
	.content-c {
    display: table-cell;
    float: left;
    max-width: 100%;
    padding-left: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.content-c a {
    border: medium solid;
    color: #ffffff;
    font-size: 21px;
    padding: 20px 69px;
    text-align: center;
    text-decoration: none;
}
}
@media only screen and (max-width: 480px) {
.content-b {
    display: table-cell;
    float: left;
    height: 100px;
    margin-top: 56%;
    max-width: 100%;
    padding-right: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
	.content-c {
    display: table-cell;
    float: left;
    max-width: 100%;
    padding-left: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.content-c a {
    border: medium solid;
    color: #ffffff;
    font-size: 21px;
    padding: 20px 69px;
    text-align: center;
    text-decoration: none;
}	
}
@media only screen and (min-device-width: 180px) 
                   and (max-device-width: 640px) 
                   and (orientation: landscape) {

/* 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%;
}
.fullscreen,
.content-a {
    width:100%;
    height:100%;
    overflow:hidden;
}
.fullscreen.overflow,
.fullscreen.overflow .content-a {
    height:auto;
    min-height:100%;
}
.content-b {
    margin-top: 14%;
}
}