/* the body and main rules style the page so that the footer stays at the bototm */
body {
    min-height: 100vh;    
    margin: 0;
    padding: 0;    
    display: flex;
    flex-direction: column;
}
main {
    flex-grow: 1;
	height: calc(100vh - 200px);  /* so main doesn't scroll 'under' the header; 200px is height of header + header margins */
	overflow: auto;
}

/* center contact of footer*/
footer p{
    display: block;
    text-align: center;
    padding-bottom: 5px;
}