body {

  font-family: 'Montserrat', sans-serif;

  font-size: 18px;

  box-sizing: border-box;

  margin: 0; padding: 0;

}

*, *:before, *:after {

  box-sizing: inherit;

}

a {

  color: #212078;

  text-decoration: none;

}

a:hover {

  text-decoration: underline;

}

.icon {

  vertical-align: bottom;

}

p.lead {

  margin: 0 0 40px 0;

  font-size: 30px;

font-weight: 200;

}

.header {

  background-color: black;

  color: white;

  padding: 10px 0;

}

.leftright {

  display: grid;

  grid-template-columns: 80px 1fr;

  align-items: center;

}

@media (max-width: 600px) { .leftright { grid-template-columns: 1fr; } }

.right {

  text-align: right;

}

.right a {

  color: white;

}

.right a + a {

  padding-left: 10px;

}

.banner {

  background-color: #951c7a;

  color: white;

  text-align: center;

  padding: 40px 0;

}

.banner img {

  max-width: 100%;

}

.container {

  margin: 0 auto;

  max-width: 1200px;

  padding: 0 20px;

}

article {

  padding: 40px 0;

}

.grid {

  max-width: 900px;

  margin: 0 auto 40px auto;

  display: grid;

  grid-template-columns: 1fr 1fr;

  row-gap: 20px;

  column-gap: 20px;

}

@media (max-width: 1200px) { .grid { grid-template-columns: 1fr 1fr; } }

@media (max-width:  800px) { .grid { grid-template-columns: 1fr; } }

.tile {

  display: grid;

  row-gap: 20px;

  grid-template-columns: 60px 1fr;

}

.icon span {

  font-size: 48px;

  color: #951c7a;

}

.tile h3 {

  font-weight: 200;

  font-size: 30px;

  margin: 0 0 8px 0;

}

.tile p {

  margin: 0 0 8px 0;

}

section {

  margin: 40px 0;

}

h2 {

  font-weight: 200;

  font-size: 40px;

  margin: 0;

}

table {

  border-collapse: collapse;

}

th {

  background-color: #f0f0f0;

  padding: 10px 20px;

  text-align: left;

  font-weight: 400;

}

td {

  padding: 10px 20px;

  border-bottom: solid 1px #f0f0f0;

}