/*html {font-size: 16vw;}   1.375em = 22px */
/*
body {
    font-size: 135.5%;     /* flexible baseline 
    line-height: 1.4;
} */

body {
    font-size: 137.5%;   /* flexible baseline */
    line-height: 1.4;
}

img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}
/*
a {font-size:1.375em;} */
/* https://fdossena.com/?p=html5cool/buttons/i.frag*/

a.button7{
 display:inline-block;
 padding:0.7em 1.7em;
 margin:0 0.3em 0.3em 0;
 border-radius:0.2em;
 box-sizing: border-box;
 text-decoration:none;
 font-family:'Roboto',sans-serif;
 font-weight:400;
 color:#FFFFFF;
 background-color:#3369ff;
 box-shadow:inset 0 -0.6em 1em -0.35em rgba(0,0,0,0.17),inset 0 0.6em 2em -0.3em rgba(255,255,255,0.15),inset 0 0 0em 0.05em rgba(255,255,255,0.12);
 text-align:center;
 position:relative;
}
a.button7:active{
 box-shadow:inset 0 0.6em 2em -0.3em rgba(0,0,0,0.15),inset 0 0 0em 0.05em rgba(255,255,255,0.12);
}

a.button7:hover{
 box-shadow:inset 0 0.6em 2em -0.3em rgba(0,0,0,0.25),inset 0 0 0em 0.05em rgba(255,255,255,0.50);
}
.center-div{
     margin: 0 auto;
     max-width: 700px; 
}

.outer-div{
     display:flex;justify-content:center;align-items:center;width:100%;
}
.inner-div{
     width:50%;
}
.inner-div2{
     width:70%;
}

span.lab1 {font-size:3em; font-family:'Comic Sans MS'; border-right:1px solid rgba(255,255,255,0.5); padding-right:0.3em; margin-right:0.3em;vertical-align:middle;}

.centered {
  position: fixed;
  top: 50%;
  left: 50%; 
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

/* on screens 1024px or less ipad landscape & portrait */
@media (max-width: 1024px) {
    body {
        font-size: 123.75%;
    }
    .inner-div2 {width:70%;}
}

/* on screens 480 or less */
@media all and (max-width:480px){
body{
        font-size: 28vw;
    }
 a.button7{
  display:block; 
  margin:0.2em auto;
  }
  .inner-div {width:70%;}
} 