#page{display:grid; grid-template-areas: 'head head head' 'left main right' 'foot foot foot'; }

#page>header {grid-area:head; height:8vw;}
#page>left {grid-area:left; height:auto;}
#page>main {grid-area:main; height:auto;}
#page>right {grid-area:right; height:auto;}
#page>footer {grid-area:foot; height:auto;}

* {box-sizing: border-box;}

body {font-family: Arial, Helvetica, sans-serif; background-color:#a3b5af;}

a:link	{color:blue;}
a:visited {color:purple }

p	{font:arial; color:white; margin: 0px 0px 1vw 0px;}
.heading{font-size:5vw; text-align:center; font-weight:bold;}
.main   {font-size:1.5vw; text-align:left; padding: 1vw 1vw 1vw 1vw;}

ul   {list-style-type:none; font:arial; color:white; font-size:1vw; text-align:left; padding: 0.5vw 0.5vw 0.5vw 0.5vw;}

img {max-width:100%; height:auto;}

.leftPadding  {float:left; padding: 0px 1vw 1vw 0px; }
.rightPadding {float:right; padding: 0px 0px 1vw 1vw;}