html { position: relative;min-height: 100%; }

body {
background-image: url('../img/bgDoodle.jpg');
background-position: center center;
background-repeat: repeat-y;
background-attachment: fixed;
background-size: 100%;
background-color: #ffffff;
margin: 0 0 0px;
padding:0px;
border:0px;
height:100%}

/* If the screen size is large,*/
@media only screen and (min-width: 1001px) {
.menubar {
padding:18px 20%;
width:100%;
box-sizing:border-box;
display:flex;
justify-content: space-between;
margin-top:0px;
border-bottom:0px solid #aaaaaa;
text-align:center;
background-color:rgba(255, 255, 255, 0.80)
}
a.menulink {text-decoration:none;
color:#101010;
border-bottom:1px hidden #aaaaaa;
font-size:20pt;
font-family:helvetica,arial
}
.wrapper {width:55%}
.container {min-width:55%}
.bigtitle {font-size:40px;}
.pagetitle {font-size:30px;}
.text {font-size:12pt}
}

/* If the screen size is small,*/
@media only screen and (max-width: 1000px) {
body { background-size: 120% }
.menubar {
padding:18px 50px;
width:100%;
box-sizing: border-box;
display:flex;
justify-content: space-between;
margin-top:0px;
border-bottom:0px solid #aaaaaa;
text-align:center;
background-color:rgba(255, 255, 255, 0.80)
}
a.menulink {
text-decoration:none;
color:#101010;
font-size:40pt;
border-bottom:0px none;
font-family:helvetica,arial
}
.wrapper {width:65%}
.container {min-width:65%}
.bigtitle{font-size:60px;}
.pagetitle{font-size:60px;}
.text {font-size:35pt}
}

.wrapper { margin: 0 auto;padding-left:0px;padding-bottom:0px }
.container { padding:2% 2% 2% 2%;height: 100%;font-family:helvetica,arial}

a { text-decoration:none;color:#404040;border-bottom:1px solid #aaaaaa;font-family:helvetica,arial }

p { line-height:135%; text-indent: 4% }

sup, sub { vertical-align:baseline;position:relative;top:-0.4em }
sub { top:0.4em }

.pagetitle { padding-top:5%;margin-bottom:2%;text-align:center;font-family:helvetica,arial }
.bigtitle { padding-top:2%;margin-bottom:2%;text-align:center;font-family:helvetica,arial }

a.textlink { text-decoration:none;color:#101010;border-bottom:1px solid #aaaaaa;font-family:helvetica,arial }
a.textlink:hover { text-decoration:none;color:#202020;border-bottom:1px solid #303030 }

a.imagelink { text-decoration:none;border:0px }
a.imagelink:hover { text-decoration:none;border:0px }

a.menulink:hover { text-decoration:underline;color:#000000;}

.text { padding-top:10px;line-height:125% }