html, body	{
	background: #e7e7e8;
    padding: 0;
    margin: 0;
    font-family: 'Comfortaa', cursive;
    color: #000;
    -webkit-text-size-adjust: none;
}
html, body, .container {
    width: 100%;
    height: 100%;
}    
.container {
    position: relative;
    display: table;
    background: -webkit-linear-gradient(25deg,#154262,#cbe2fa 70%);
        background: url(/img/bg.jpg) 50% 50% no-repeat;
    overflow: hidden;
}    
h2 {
    text-transform:uppercase;
    font-size:32px;
    text-align:center;
    letter-spacing:2px;
    margin:0;
    padding:0;
}
header, footer {
    width:100%;
    height:200px;
}
.page-container {
    width: 980px;
    margin: 0 auto;
    height: calc(100% - 400px);
    min-height:400px;
    position: relative;
    border-radius: 2px;
    background: #fff;
}
.page-container h2 {
    position:absolute;
    width:100%;
    top:calc(50% - 150px);
}