* {
  box-sizing : border-box;
}
.legal {
  background-color : rgba(28,27,41,1);
  color : #FFFFFF;
  font-family : 'Arial';
}

.legal  h2 {
  text-align : center;
  font-weight : 700;
  font-size : 30.0pt;
  font-family : Lato;
}
.legal h3 {
  font-size : 17.0pt;
}
.legal  h4 {
  font-size : 17.0pt;
}
.legal p {
  font-size : 10.5pt;
  line-height : 1.5;
}
ul li {
  line-height : 1.5;
}
.legal .main {
  margin : 0 auto;
  padding : 0 48px;
  max-width : 1280px;
}

header {
  padding : 0 16px;
}
h1 {
  font-size : 0;
}
header .logo {
  display : inline-block;
  padding : 8px 4px 8px 12px;
  max-width : 225px;
  max-height : 56px;
  vertical-align : middle;
}


footer {
  display : flex;
  align-items : center;
  justify-content : space-between;
  padding : 0 40px;
  padding-top : 1.5rem;
  padding-bottom : 1.5rem;
}
.links-box a {
  padding : 0 10px;
  color : #FFFFFF;
  text-decoration : none;
  font-weight : 700;
  font-size : 12pt;
  font-family : 'Roboto';
}

footer .logo {
  display : inline-block;
  padding : 8px 4px 8px 12px;
  max-width : 225px;
  max-height : 56px;
  vertical-align : middle;
}