head, body {
font-size:100%;
font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
position:relative;
margin-left:.7rem;
color:black;
padding:6.55rem;
width:100%;
height:100%;
}

h5 {
font-weight: normal;
font-size:.9rem;
line-height:1.25rem;
margin-top:0;
display:block;
width:33rem;
font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}

#current {z-index:9999999;color: #000;}
#current a:link {color:#000 ; text-decoration: underline;font-style: italic;}
#current a:visited {color: #000;}
#current a:hover {color: #551A8B;text-decoration: line-through;font-style: italic; transform: rotate(-15deg);}


.footer a {
z-index:99999;
position:fixed;
bottom:1rem;
right:1.5rem;
text-align:right;
display:block;
font-size:3em;
font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
border-bottom-style: none !important;
text-decoration: none !important;
}

@media only screen and (max-width: 1024px) {
	.footer a{font-size:2em;}
}

@media only screen and (max-width: 726px) {
	.footer a{font-size:3em;}
}

a:link {color:#000;font-style: italic;}
a:visited {color: #000;}
a:hover {color: #551A8B;text-decoration: line-through; transform: rotate(-15deg);
    font-style: italic;}
a:active {color: #0000EE;}

/* Tablet Landscape */
@media screen and (max-width: 1060px) {
#main { width:67%; }
#secondary { width:30%; margin-left:3%;}
}
/* Tabled Portrait */
@media screen and (max-width: 768px) {
#main { width:100%; }
#secondary { width:100%; margin:0; border:none; }
}

@media (min-width: 640px) { }
@media (min-width:960px) {  }
@media (min-width:1100px) { }
@media (max-width: 726px) {

button {
margin-top:-5px;
}

h5 {
  width:85vw;
  /*font-size:.8rem;
  line-height:1.1rem;*/
  font-size:.7rem;
  line-height:1rem;
}
  
body {padding:1.2rem !important;width:90vw;overflow:scroll; }

}

.wrap-collabsible {
margin-bottom: 1.2rem 0;
}

input[type='checkbox'] {
display: none;
}

.lbl-toggle {
display: block;
font-weight: normal;
font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
font-size:.9rem;
line-height:1.25rem;
text-align: left;
padding: 1rem;
color:#000;
background: transparent;
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);
cursor: pointer;
border-radius: 10px;
transition: all 0.25s ease-out;
}
@media (max-width: 726px) {
.lbl-toggle {
  font-size:.7rem;
line-height:1rem;
  padding:.5rem;
  }
}

.lbl-toggle:hover, .lbl-toggle:active {
color: #1b1ba8;text-decoration: line-through;
}

.lbl-toggle::before {
content: ' ';
display: inline-block;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid currentColor;
vertical-align: middle;
margin-right: .7rem;
transform: translateY(-2px);
transition: transform .2s ease-out;
}

.toggle:checked + .lbl-toggle::before {
transform: rotate(90deg) translateX(-3px);
}

.collapsible-content {
max-height: 0px;
overflow: hidden;
transition: max-height .25s ease-in-out;
}

.toggle:checked + .lbl-toggle + .collapsible-content {
max-height: 2000px;
}

.toggle:checked + .lbl-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
background: transparent;
}

.collapsible-content .content-inner {
border-bottom: 1px solid transparent;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
padding: 0rem 1rem;
}

.blonk {
animation: blinker 2ms linear infinite;
-webkit-animation: blinker 2ms linear infinite;
-moz-animation: blinker 2ms linear infinite;
}@keyframes blinker {
50% {
opacity: 0;
}
}@-webkit-keyframes blinker {
50% {
opacity: 0;
}
}@-moz-keyframes blinker {
50% {
opacity: 0;
}
}

.blonk2 {
animation: blinker2 1ms linear 100;
-webkit-animation: blinker2 1ms linear 100;
-moz-animation: blinker2 1ms linear 100;
}@keyframes blinker2 {
50% {
opacity: 0;
}
}@-webkit-keyframes blinker2 {
50% {
opacity: 0;
}
}@-moz-keyframes blinker2 {
50% {
opacity: 0;
}
}

#dropmenu {
    
animation: drop 600s 1;
animation-delay: 4s;
-webkit-animation: drop 600s 1;
-webkit-animation-delay: 3s;
-moz-animation: drop 600s 1;
-moz-animation-delay: 3s;
}
@keyframes drop {
0% {transform: translate3d(0px, 0px, 0px);animation-timing-function: linear;}
100% {transform: translate3d(300px, 700px, 0px);animation-timing-function: linear;}
}@-webkit-keyframes drop {
0% {transform: translate3d(0px, 0px, 0px);animation-timing-function: linear;}
100% {transform: translate3d(300px, 700px, 0px);animation-timing-function: linear;}
}@-moz-keyframes drop {
0% {transform: translate3d(0px, 0px, 0px);animation-timing-function: linear;}
100% {transform: translate3d(300px, 700px, 0px);animation-timing-function: linear;}
}
div.dropmenu  {
animation: droprot 300s 1;
animation-delay: 4s;
-webkit-animation: droprot 300s 1;
-webkit-animation-delay: 3s;
-moz-animation: droprot 300s 1;
-moz-animation-delay: 3s;
}
@keyframes droprot {
0% {transform: rotate(0deg);animation-timing-function: linear;}
100% {transform: rotate(300deg);animation-timing-function: linear;}
}@-webkit-keyframes droprot {
0% {transform: rotate(0deg);animation-timing-function: linear;}
100% {transform: rotate(300deg);animation-timing-function: linear;}
}@-moz-keyframes droprot {
0% {transform: rotate(0deg);animation-timing-function: linear;}
100% {transform: rotate(300deg);animation-timing-function: linear;}
}

#ggg {

animation: ggg 160s 1;
animation-delay: 1s;
-webkit-animation: ggg 160s 1;
-webkit-animation-delay: 1s;
-moz-animation: ggg 160s 1;
-moz-animation-delay: 1s;
}
@keyframes ggg {
0% {transform: translate3d(0px, 0px, 0px);animation-timing-function: linear;}
100% {transform: translate3d(-12px, -12px, 0px);animation-timing-function: linear;}
}@-webkit-keyframes ggg {
0% {transform: translate3d(0px, 0px, 0px);animation-timing-function: linear;}
100% {transform: translate3d(-12px, -12px, 0px);animation-timing-function: linear;}
}@-moz-keyframes ggg {
0% {transform: translate3d(0px, 0px, 0px);animation-timing-function: linear;}
100% {transform: translate3d(-12px, -12px, 0px);animation-timing-function: linear;}
}
div.ggg  {
animation: gggrot 160s 1;
animation-delay: 1s;
-webkit-animation: gggrot 160s 1;
-webkit-animation-delay: 1s;
-moz-animation: gggrot 160s 1;
-moz-animation-delay: 1s;
}
@keyframes gggrot {
0% {transform: rotate(0deg);animation-timing-function: linear;}
100% {transform: rotate(-130deg);animation-timing-function: linear;}
}@-webkit-keyframes gggrot {
0% {transform: rotate(0deg);animation-timing-function: linear;}
100% {transform: rotate(-130deg);animation-timing-function: linear;}
}@-moz-keyframes gggrot {
0% {transform: rotate(0deg);animation-timing-function: linear;}
100% {transform: rotate(-130deg);animation-timing-function: linear;}
}

#press {

animation: press 350s 1;
animation-delay: 2s;
-webkit-animation: press 350s 1;
-webkit-animation-delay: 2s;
-moz-animation: press 350s 1;
-moz-animation-delay: 2s;
}
@keyframes press {
0% {transform: translate3d(0px, 0px, 0px);animation-timing-function: linear;}
100% {transform: translate3d(300px, 300px, 0px);animation-timing-function: linear;}
}@-webkit-keyframes press {
0% {transform: translate3d(0px, 0px, 0px);animation-timing-function: linear;}
100% {transform: translate3d(300px, 300px, 0px);animation-timing-function: linear;}
}@-moz-keyframes press {
0% {transform: translate3d(0px, 0px, 0px);animation-timing-function: linear;}
100% {transform: translate3d(300px, 300px, 0px);animation-timing-function: linear;}
}
div.press  {
animation: pressrot 350s 1;
animation-delay: 2s;
-webkit-animation: pressrot 350s 1;
-webkit-animation-delay: 2s;
-moz-animation: pressrot 350s 1;
-moz-animation-delay: 2s;
}
@keyframes pressrot {
0% {transform: rotate(0deg);animation-timing-function: linear;}
100% {transform: rotate(100deg);animation-timing-function: linear;}
}@-webkit-keyframes pressrot {
0% {transform: rotate(0deg);animation-timing-function: linear;}
100% {transform: rotate(100deg);animation-timing-function: linear;}
}@-moz-keyframes pressrot {
0% {transform: rotate(0deg);animation-timing-function: linear;}
100% {transform: rotate(100deg);animation-timing-function: linear;}
}

#press2 {

animation: press 450s 1;
animation-delay: 3s;
-webkit-animation: press 450s 1;
-webkit-animation-delay: 3s;
-moz-animation: press 450s 1;
-moz-animation-delay: 3s;
}
@keyframes press2 {
0% {transform: translate3d(0px, 0px, 0px);animation-timing-function: linear;}
100% {transform: translate3d(200px, 700px, 0px);animation-timing-function: linear;}
}@-webkit-keyframes press2 {
0% {transform: translate3d(0px, 0px, 0px);animation-timing-function: linear;}
100% {transform: translate3d(200px, 700px, 0px);animation-timing-function: linear;}
}@-moz-keyframes press2 {
0% {transform: translate3d(0px, 0px, 0px);animation-timing-function: linear;}
100% {transform: translate3d(200px, 700px, 0px);animation-timing-function: linear;}
}
div.press2  {
animation: pressrot 450s 1;
animation-delay: 3s;
-webkit-animation: pressrot 450s 1;
-webkit-animation-delay: 3s;
-moz-animation: pressrot 450s 1;
-moz-animation-delay: 3s;
}
@keyframes pressrot {
0% {transform: rotate(0deg);animation-timing-function: linear;}
100% {transform: rotate(100deg);animation-timing-function: linear;}
}@-webkit-keyframes pressrot {
0% {transform: rotate(0deg);animation-timing-function: linear;}
100% {transform: rotate(100deg);animation-timing-function: linear;}
}@-moz-keyframes pressrot {
0% {transform: rotate(0deg);animation-timing-function: linear;}
100% {transform: rotate(100deg);animation-timing-function: linear;}
}

#flows {

animation: flows 200s 1;
animation-delay: 2s;
-webkit-animation: flows 200s 1;
-webkit-animation-delay: 2s;
-moz-animation: flows 200s 1;
-moz-animation-delay: 2s;
}
@keyframes flows {
0% {transform: translate3d(0px, 0px, 0px);animation-timing-function: linear;}
100% {transform: translate3d(660px, -600px, 0px);animation-timing-function: linear;}
}@-webkit-keyframes flows {
0% {transform: translate3d(0px, 0px, 0px);animation-timing-function: linear;}
100% {transform: translate3d(660px, -600px, 0px);animation-timing-function: linear;}
}@-moz-keyframes flows {
0% {transform: translate3d(0px, 0px, 0px);animation-timing-function: linear;}
100% {transform: translate3d(660px, -600px, 0px);animation-timing-function: linear;}
}
div.flows  {
animation: flowsrot 200s 1;
animation-delay: 2s;
-webkit-animation: flowsrot 200s 1;
-webkit-animation-delay: 2s;
-moz-animation: flowsrot 200s 1;
-moz-animation-delay: 2s;
}
@keyframes flowsrot {
0% {transform: rotate(0deg);animation-timing-function: linear;}
100% {transform: rotate(-70deg);animation-timing-function: linear;}
}@-webkit-keyframes flowsrot {
0% {transform: rotate(0deg);animation-timing-function: linear;}
100% {transform: rotate(-70deg);animation-timing-function: linear;}
}@-moz-keyframes flowsrot {
0% {transform: rotate(0deg);animation-timing-function: linear;}
100% {transform: rotate(-70deg);animation-timing-function: linear;}
}

#shops {

animation: shops 250s 1;
animation-delay: 2s;
-webkit-animation: shops 250s 1;
-webkit-animation-delay: 2s;
-moz-animation: shops 250s 1;
-moz-animation-delay: 2s;
}
@keyframes shops {
0% {transform: translate3d(0px, 0px, 0px);animation-timing-function: linear;}
100% {transform: translate3d(-90px, -30px, 0px);animation-timing-function: linear;}
}@-webkit-keyframes shops {
0% {transform: translate3d(0px, 0px, 0px);animation-timing-function: linear;}
100% {transform: translate3d(-90px, -30px, 0px);animation-timing-function: linear;}
}@-moz-keyframes shops {
0% {transform: translate3d(0px, 0px, 0px);animation-timing-function: linear;}
100% {transform: translate3d(-90px, -30px, 0px);animation-timing-function: linear;}
}
div.shops  {
animation: shopsrot 250s 1;
animation-delay: 2s;
-webkit-animation: shopsrot 250s 1;
-webkit-animation-delay: 2s;
-moz-animation: shopsrot 250s 1;
-moz-animation-delay: 2s;
}
@keyframes shopsrot {
0% {transform: rotate(0deg);animation-timing-function: linear;}
100% {transform: rotate(-70deg);animation-timing-function: linear;}
}@-webkit-keyframes shopsrot {
0% {transform: rotate(0deg);animation-timing-function: linear;}
100% {transform: rotate(-70deg);animation-timing-function: linear;}
}@-moz-keyframes shopsrot {
0% {transform: rotate(0deg);animation-timing-function: linear;}
100% {transform: rotate(-70deg);animation-timing-function: linear;}
}