html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
html {
    position: relative;    
    height: 100%;
}
body {
    min-height: 100%;
    margin:0;
}
/*footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50px;  Height of Footer 
    width: 100%;
}
header {    
    height: 50px;  Height of header 
    line-height:50px;  vertical align the title
    width: 100%;
    background-color:lightgreen; 
}
.container{
      background-color: darkgreen;
      height: 100%;
      position: absolute;
      top: 50px;   Height of header 
      left: 0;
      bottom: 0;
      width: 100%;
      right: 0;    
}
footer{
    background-color:yellow; 
    line-height:50px;  vertical align the title
}*/

/********************Parallalx*****************************/


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

.fullscreen,
.content-a {
    width:100%;
    height:100%;
    overflow:hidden;
    min-height:950px;
}
.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;
}