@font-face {
  font-family: "MagdaClean";
  src: url("../font/MagdaClean.otf");
}
html {
  margin: 0;
  padding: 0;
  min-width: 420px;
}
body {
  margin: 0;
}

#bsd_body {
  height: 100vh;
  display: grid;
  grid-template-rows: 5em 1fr 3em;
  grid-template-columns: 23% 54% 23%;
  grid-template-areas:
    ". header headerSpace"
    ". content ."
    ". footer .";
}

header {
  background-color: white;
  text-align: center;
  grid-area: header;
}
header div.logo{  
  margin-top: 1em;

}
div.magicColor{
  margin:1em;
  text-align: right;
  grid-area: headerSpace;
}
article {
  background-color: white;
  grid-area: content;
  border-top: 1px dashed #000000;
  font-family: "MagdaClean";
  text-align:center;
}
div #bsd_slogan{
    width:160px;
    margin:auto;
    padding-left:.2em;
}
#bsd_slogan h1.sl_1_1{
    margin: 0;
    margin-top:-0.3em;
    padding: 0;
}
#bsd_slogan h1.sl_2_1{
    margin: 0;    
    margin-left: -0.8em;
    font-size: 24pt;
}
#bsd_slogan h3.sl_1_3{
    margin: 1em 0 0 0;
    padding: 0;
    padding-left: 0.8em;
}
#bsd_slogan h3.sl_2_3{
    margin: -0.2em 0 -0.3em 0;
    padding: 0;
    padding-left: 0.8em;
    font-size: 10pt;
}
footer {
  padding-top: 1em;
  text-align: center;
  border: 0;
  border-top: 1px dashed #000000;
  grid-area: footer;
  font-size: 8pt;
}