body {
  font-size: 2em;
  margin: 1em;
  font-family: "bariol", "helvetica", "sans-serif", "sans", "Calibri";
  font-weight: normal;
}

p {
    line-height: 100%;
}

.container {
  display: flex;
}

.child {
  margin: auto;
  text-align: center
}

@font-face {
    font-family: bariol;
    src: url(/fonts/bariol_regular-webfont.ttf);
}

a {
  color: #0fb3b0;
}

.linkbutton:link, .linkbutton:visited {
  background-color: white;
  color: black;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border:3px solid #0fb3b0;
}

.linkbutton:hover, .linkbutton:active {
  background-color: #0fb3b0;
  color: white;
}

.logo {
  width:25vw;
  background-size:100%;
}

.logoleft {
  float:left;
  height:10.4vw;
  background-image:url("/images/MRG_Identity_Blue_cropped.png");
}

.logoright {
  float:right;
  height:14.2vw;
  background-image:url("/images/IBF.png");
}