html {
height: 100%;
margin-top: 0px;
padding-top: 0px;
}

body {
position: relative; 
margin: 0;
min-height: 100%;
height: 100%;
padding-top: 0px;

}

.tape-img {

  width: 250px;
  margin-left: 0px;
  margin-right: 0px;
  
}

/* This sets up the background image */
.bg { 
    padding-top: 0px;
    margin-top: 0px;
      margin-bottom: 0px;
      background-image: url(../pics/mosaic-tonictapes-bg.jpg);
      background-size: cover;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      height: 100%;
      width: 100%;
      background-repeat: no-repeat;
}


h1 {
  font-size: 7vw;
  padding-top:  0%;
  padding-left: 5%;
  padding-bottom: 1%;  
  font-family: "Gabriele Bad AH";
  color: black;
  background-color: white;
  font-weight: 800;
  margin-top:0px;
  margin-bottom:0px;
 margin-right: 30px;  
  text-align: right;
}




p {
  font-family: "Gabriele Bad AH";
  font-size: 200%; /* this gets reduced in portrait mode inside the jQuery .ready() method on the HTML page */
  color: black;
  text-align: justify;
 margin-left: 30px;
 margin-right: 30px;
}