html {box-sizing:border-box}

*,*:before,*:after {box-sizing:inherit}

body {background-color:#bbcfd0; margin:0}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display:block}

button,input,select,textarea {font:inherit; margin:0}

html,body {font-family:Verdana,sans-serif; font-size:15px; line-height:1.5}

html {overflow-x:hidden}

h2,h3,h4,h5,h6 {font-family:"Segoe UI",Arial,sans-serif; font-weight:600; margin:10px 0}

h1 {font-size:36px}
h2 {font-size:30px}
h3 {font-size:24px}
h4 {font-size:20px}
h5 {font-size:18px}
h6 {font-size:16px}

p { text-align: justify; }

textarea{overflow:auto}

.bang
{
  background-color: #f6c200;
  box-shadow: 0 16px 8px 4px #707c7c;
  color: #000000;
  border-color: #cb9b00;
  border-radius: 10px;
  border-style: solid;
  border-width: 3px;
  display: block;
  font-weight: bold;
  margin: 1.0em 450px 1.0em 0;
  padding: 1.0em;
  text-align: center;
}

.change1 {background:#a4bfc0; color:#000000; font-style:italic}

.change2 {background:#81a6a8; color:#000000; font-style:italic}

.copyright {color:#f6c200; font-weight:bold}

.emphasis {display:inline; font-style:italic}

.floatleft {float:left; margin:0; padding:0 20px 0 0}

.floatright {float:right; margin:0; padding:0 0 0 20px}

.footer
{
  background-color: #000;
  border-radius: 10px;
  clear: both;
  color: #fff;
  display: block;
  font-family: Geneva,Verdena,'DejaVu Sans',sans-serif;
  font-size: 0.83em;
  font-style: italic;
  min-height: 120px;
  margin: 1.0em;
  padding: 0.5em 0.5em;
}

.footer a:link {color:#66cccc}

.footer a:visited {color:#cc66cc}

.header {background-color:transparent; display:block; text-align:center}

.header h1
{
  background-color: transparent;
  background-image: url(../images/covermontage.png);
  background-position: top center;
  background-repeat: repeat-x;
  font-size: 60px;
  margin: 0;
  min-height: 200px;
}

.image-copyright {float:right; font-size:0.83em; padding:0 8px}

.root {white-space:nowrap}

.yearbook {color:#383e3e; font-style:italic; font-weight:bold;}

.singlepage-serif{font-family:serif}
.singlepage-name {font-size:2.5em; padding:2px; margin:0; color:DarkBlue}
.singlepage-letters {font-size:0.8em; padding:2px; margin:0; color:DarkBlue}
.singlepage-tags {font-size:0.8em; padding:2px; margin:0; text-align:right; color:DarkRed}
.singlepage-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.singlepage-bar-block .singlepage-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.singlepage-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.singlepage-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.singlepage-button:hover{color:#000!important;background-color:#bbcfd0!important}
/* .singlepage-card{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)} ORIGINAL */
.singlepage-card{box-shadow:0 2px 5px 0 #707c7c,0 2px 10px 0 #829091}
.singlepage-container,.singlepage-panel{padding:0.01em 16px}
.singlepage-container:after,.singlepage-container:before {content:"";display:table;clear:both}
.singlepage-padding{padding:8px 16px!important}
.singlepage-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.singlepage-black,.singlepage-hover-black:hover{color:#fff!important;background-color:#000!important}
.singlepage-active-item{color:#000000!important;background-color:#f6c200!important}