html, body {
    height: 100%;
}

.container {
    display: grid;
    min-height: 100%;
    grid-template-rows: 650px 80px 1fr auto;
}

.header {
    background: url(/img/banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 0%;
}

.content {
  display: grid;
  grid-template-columns: 20px 550px 20px 40% 20px;
  padding-top: 50px;
}

.footer {
    background-color:indigo;
    color: snow;
    text-indent: 10px;
}

h1 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 26.4px; text-align: center; }
  
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 26.4px; text-align: center; }

h5 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 26.4px; }

p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 500; line-height: 26.4px; }

a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 500; line-height: 26.4px; color: gray; }

li { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 500; line-height: 26.4px; color: black; }

table{
    border-collapse: collapse;
    border-spacing: 0;
    border:1px solid gray;
}

th{
    border:1px solid gray;
    font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 500;
}

td{
    border:1px solid gray;
    font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: 500;
}