html, body
{
	padding: 0;
	margin: 0;
	margin: auto;
	background-color: rgb(180, 183, 185);
}

body *{
	text-shadow: none;
}

body {
	font-family: Arial, Helvetica, Verdana;
	-webkit-text-size-adjust: none;
}

header, footer, .content {
	position: fixed;
    color:#fff;
	width: 100%;
}

header {
	background: rgb(218, 41, 28);
	top: 0;
    text-align: center;
}
footer {
	background: rgb(0, 32, 91);
	bottom: 0;
    text-align: center;
}

.content {
	max-width: 1024px; 
    background-color: white;
    color:#333;
    overflow: auto;
	overflow-x: hidden;
	bottom : 0px;
}

.page {
	box-shadow: rgb(0, 0, 35) 0px 0px 40px;
}

.fullscreen	{
	min-height: 100%;
	height: 100%;
}
	
.container {
    margin-right: auto;
    margin-left: auto;
	padding: 0 !important;
	width: 100%;
	max-width: 1024px;
}

.fill { 
		min-height: 100%;
		height: 100%;
	}

@media (min-width : 220px) and (max-width : 767px) {
    header {
        height: 35px;
        line-height: 35px;
    }

    footer {
        height: 30px;
        line-height: 30px;
    }
	
	.content {
        top: 35px;
    }
}

@media (min-width : 768px) {
	header {
        height: 45px;
        line-height: 45px;
    }

    footer {
        height: 40px;
        line-height: 40px;
    }
	
	.content {
        top: 45px;
    }
}