html {
  font-size: 62.5%; }
  @media screen and (min-width: 0px) and (max-width: 479px) {
    html {
      font-size: 62.5%; } }

body {
  background: white;
  font-family: arial, sans-serif;
  margin: 0;
  padding: 0;
  font-size: 1.8rem; }

#bgimg {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center; }
  @media screen and (min-width: 0px) and (max-width: 479px) {
    #bgimg picture {
      height: 100vh; }
      #bgimg picture img {
        height: 100%; } }

#content {
  position: absolute;
  top: calc(100% - 200px);
  margin: 0 auto;
  display: flex;
  justify-content: center;
  width: 100%;
  overflow: hidden; }

.content-inner {
  width: 50%;
  max-width: 1200px;
  background: white;
  padding: 30px;
  padding-right: 80px; }
  @media screen and (min-width: 0px) and (max-width: 479px) {
    .content-inner {
      width: 85%;
      padding: 10px; } }

h1 {
  color: #1f2b59;
  font-size: 4.8rem; }
  @media screen and (min-width: 0px) and (max-width: 479px) {
    h1 {
      font-size: 3rem; } }

h2 {
  color: #1f2b59;
  font-size: 2rem; }