/*
Blue: rgb(66, 160, 244)
Golden Ratio: 38% 62% 1:1.61803398874989
*/

body {
    margin: 0 auto;
    color: rgb(50, 50, 50);
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
    background-color: #ffffff;
    background-image: -webkit-gradient(radial, 50% 50%,200,50% 50%,20, from(rgb(210, 210, 210)), to(rgb(255, 255, 255)));
    background-image: -webkit-radial-gradient(50% 50%, rgb(255, 255, 255), rgb(210, 210, 210));
    background-image: -moz-radial-gradient(50% 50%, rgb(255, 255, 255), rgb(210, 210, 210));
    background-image: -o-radial-gradient(50% 50%, rgb(255, 255, 255), rgb(210, 210, 210));
    background-image: -ms-radial-gradient(50% 50%, rgb(255, 255, 255), rgb(210, 210, 210));
    background-image: radial-gradient(50% 50%, rgb(255, 255, 255), rgb(210, 210, 210));    
}

div.container {
    max-width: 960px;
    margin: 0 auto;
    position: relative;
}

img.logo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20%;
}

div#contact {
width: 320px;
    text-align: center;
    margin: 10px auto 0;
}

div#contact p { 
	position: relative;
}

div#footer {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 20px;
    color: gray;
    font: 11px/15px
}

@media screen and (max-width: 481px) {

img.logo {
	width: 90%;
}

}