svg { max-height: 100%; }

body
{
	max-width: 800px;
	width: 100%;
	margin: 0px auto;
	text-align: left;
	
}

footer 
{
	text-align: center;
	padding: 3px;
	background-color: Silver;
	color: white;
}

p
{
	font-size: 20px;
}

/* http://jsfiddle.net/VzGAy/2/*/
.container {
    width: 100%;
    margin: 0px;
    border: 0px solid #fff;
    background-color: #ffffff;
    box-shadow: 0px 2px 7px #292929;
    -moz-box-shadow: 0px 2px 7px #292929;
    -webkit-box-shadow: 0px 2px 7px #292929;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.mainbody,
.header,
.footer {
    padding: 5px;
}
.mainbody {
    margin-top: 0;
    min-height: 150px;
    overflow: auto;
	
	padding-left: 20px;
	padding-right: 20px;
}
.header {
    border-bottom: 1px solid #EEE;
    background-color: #ffffff;
  
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	
	text-align: center;
	background-color: Silver;
	font-size: 60px;
}

.header img { position: relative; left: 15px; top: 35px; }

.footer {
    background-color: whiteSmoke;
    border-top: 1px solid #DDD;
   
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* https://stackoverflow.com/questions/23961479/center-text-and-have-icon-aligned-left */