html, body {
    height: 100%;
    background: linear-gradient(to left top, #ff7e00, black) fixed;
}

.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 {
    color: white;
    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; color: white; }
  
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; color: white; }

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

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

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

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

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