html {
 margin:0;
 height: 100vw;
 width: 100vw;
 overflow-x: hidden;
 overflow-y: hidden;
}

body {
 font-family: Arial;
 color: black;
 font-size: 12pt;
 height: 100%;
 width: 100%;
 margin:0;
 border: 0;
 background-color: 0;
}

h1 {
 display: inline;
}

#bannerimage img {
 padding-top: 1%;
 padding-left: 10%;
 height: 50%;
}

#sentence {
 margin-top: 2%;
 padding-left: 10%;
}

#generatebutton {
 display: block;
 margin-top: 1%;
}

footer {
 font-size: 12;
 width: 90%;
 position:  fixed;
 bottom: 0;
}

#copyrightdate {
 display: inline;
 float: left;
 max-width: 50%;
}

@media only screen and (max-width: 800px) {
h1 {
 display: block;
}

#bannerimage img {
 padding: 0;
 width:100%;
 content:url("banner-mobile.jpg");
}

#sentence {
 padding: 0;
 margin:0;
}

#headline h1 {
 display: inline-block;
 overflow-wrap: break-word;
}

#generatebutton {
 display: block;
 margin-top:0%;
 margin-left:0%;
}

footer {
 font-size: 12;
 position:   fixed;
 width: 90%;
 bottom: 1%;
}
}