.aContent{padding:40px; color:#fff;  background-image:linear-gradient(to bottom right,rgba(20, 115, 159,.1),transparent); text-shadow:-1px -1px 1px black, 2px 2px 2px  black;font-family:Helvetica, Arial,Verdana, sans-serif;}
b{color:#fff;}ul.discit{list-style:disc; list-style-position: inside;} li{margin-top:1ex;}
body {counter-reset: section;}.counter::before {  counter-increment: section; content: counter(section) ". ";}
h1{ font-size:35px; margin: -35px 10px .5ex; text-shadow:3px 3px 6px black, 1px 1px 3px  blue; }
.aDes{font-size:19px; font-weight: bolder; color: #fff;background: rgba(255,255,255,.2); text-align:center; width:100%; margin:7px -10px 2em -2em; border-radius:0 0 17px 0; clear:both;padding:1em; text-shadow:2px 2px 2px black, 2px 2px 3px black; }
.aContent h2,.aContent h3,.aContent h4,.aContent h5{margin:0; padding:0; font-weight:bold; color:#fff; clear:both;display:block; margin:1ex 0; letter-spacing:.1ex; }
ul li{letter-spacing:.1ex;  line-height:3ex;}
.aContent h2{color:#ffff99;}
.aContent h3{color:#ffffcc;}
.aContent h4{font-size:16px;}
.aContent p{margin-bottom:1em;}
.fright{float:right;}
blockquote {background: rgba(255,255,255,.2);border-radius:17px 0;border-right: 10px solid #bbb;padding: 0.25em 60px;font-size: 21px;font-style: italic;margin: 2em;line-height: 1.21em;color:white;position: relative;}
blockquote::before { display: block;content: "\201C";font-size: 80px;position: absolute;left: 5px;top: 27px;color: #ffcc00;}
blockquote p {display: inline;}
blockquote cite{display:block;margin-top:7px; font-size:15px;color: #ccc;}
blockquote cite::before {content: "\2014 \2009";}
.aContent img{ border-radius:0px;}
p{line-height:1.5; }
p.btxt, p.btxt2 {line-height:1.65; display:block; width:100%; }
a img{ height:auto;}
p > a {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}
.btxt,.btxt2{ -webkit-column-count: 1; -webkit-column-count:1;column-count:1;column-gap: 50px; -webkit-column-rule: 1px solid gray; column-rule: 1px solid gray;}
.btxt2{-webkit-column-rule: 1px solid #395660; column-rule: 1px solid #395660;}
.aContent * > iframe{background:rgb(255, 204, 0,.1); border: .1vw solid #ffcc00;}
.aContent  * > iframe {float:none; position:relative; max-width:100%; width:53vw;height:30vw;}
.aContent  * > .smv iframe{width:48vw;height:27vw; }
.flexer{clear:both;position:relative;}
.flexer div * > iframe{max-width:360px;max-height:202px; }
.twins{float:left;width:100%;}
.grid div,.flexer div{height:auto; max-width:100%; }
.grid div{background:rgba(150,150,150,0.05);border-radius:5px;}
@media only screen and (max-width:1399px){.grid div > * a.fleft,.grid div > * a.fright ,
.flexer div > * a.fleft,.flexer div > * a.fright { max-width:50%;}}
.flexerL div > * a.fleft,.flexer div > * a.fright { max-width:100%;}}
@media only screen and (min-width:1200px){.flexer div,.grid div{flex-basis:50%;min-width:auto;} .grid div .spanit{flex-basis:100%;}
.aContent  * > iframe {width:720px;height:405px; }
.aContent  * > .smv iframe{width:480px;height:270px; }
.aContent p iframe{float:left; margin: 0 1ex 1ex 0;}
.aContent p iframe.fright{float:right; margin: 0 0 1ex 1ex;}}
@media only screen and (min-width:1400px){.grid div{flex-basis:33%;min-width:auto;} .grid div.spanit{flex-basis:66%;}.twins{width:50%; padding-right:1ex; }
.btxt,.btxt2,.btxt2 span {-webkit-column-count:2;column-count:2;} 
.flexer div * > iframe{width:382px;height:215px; max-width:382px;max-height:215px;}}
@media only screen and (min-width:2500px){.aContent > iframe{width:960px;height:540px; }}
hr{color:#395660; width:100%;clear:both; border-color:#395660;}
.btxt img,.btxt2 img, p img{float:left; }
/*.btxt2 a {display:block;}*/
.btxt2 a img {display:block;max-width:100%}
.fright img{margin:0 0 1ex 1em;}}
.aContent figure { text-align:center; float:left; margin:0 1em 1ex 0; display: table; page-break-inside: avoid; }
.aContent figure.fright{float:right; margin:0 0 1em 1ex;}
.aContent figcaption { font-style:italic;  color:#bfbfbf; caption-side:bottom;}
.aContent figure figcaption{width:auto;}
.btxt .fright img,.btxt2 .fright img{float:right; margin: 0 0 1ex  1em; }
.btxt a,.btxt2 a{-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;}
.justy{text-align:justify;}
.justleft{text-align:left;}
table.tb1,table.tb2{width:100%;color:white;}
.tb1 caption{background:#737373; }
.tb2 caption{background:#395660;}
.tb1 tr,.tb2  tr{border-bottom:1px solid gray;}
.tb2  tr{border-bottom:1px solid #007399;}
.tb1 td{border:1px solid gray; padding:.5ex;}
.tb2 td{padding:.5ex;}
.imgMD ~ figure{ max-height: 300px; width:640px;padding: 0 ; text-align:center;}
.imgSM ~ figure{ max-height: 120px; width:200px;padding: 0 ; text-align:center;}
.imgSM ~ figure img,.imgMD ~ figure img{max-height:320px;width: auto;padding: 0 ;}
img{font-size:15px;color:cyan;}
.zoomer{cursor:zoom-in;}
.zoomer{border:1px solid transparent;}
.zoomer:hover,a:hover img{ -webkit-animation-name: twitcher; -webkit-animation-duration: 1s; animation-name: twitcher;animation-duration: 1s; animation-timing-function: ease-in-out;}
.diva{clear:both;text-align:center; width: 100%; display:table;margin:20px 0;}
.diva figure{width:100%;}
.needsp,section{margin:1em 0; }
.aContent section figure{padding:1ex;  }
.aContent section img {float:left;  -webkit-column-break-inside: avoid;break-inside: avoid-column; } /*padding: 1ex 1ex 1ex 0;*/
.aContent img{border-radius:12px; }
.aContent .diva img{float:none; padding:1em;}
figure.diva {margin:0; }
.aContent section{clear:both; width:100%;}
mark{text-shadow:none; border-radius:3px; background:#99cc00; background:#ffcc00;}
.aContent a{color:#ffcc00;}
.aContent a,.hili{color:white;text-shadow:0 0 5px cyan; }
@media not screen\0{
.aContent a,.hili{animation:fancyMovs 21s linear infinite; background-image:linear-gradient(-36deg,#ffcc00,#66ccff,#ffff66,#ffff00,#00cc99,#ffcc00); background-size:550%; -webkit-background-clip:text; -webkit-text-fill-color:rgba(255,255,255,.2);}}
.aContent a:hover{animation:fancyMovs 12s ease-in-out infinite;text-decoration: underline cyan;}
.hili{text-shadow:0 0 5px #ffff99; }
@keyframes fancyMovs{0%{background-position:50% 50%;}100%{background-position:-500% 500%;}}
.featIMG{width:75px;height:75px; background-repeat: no-repeat; background-position: center; display:block; float:left; border-radius:50%; margin:-25px 0 1ex -10px ; background-size: cover; border:1px solid black;}
.featIMGmini{background-size: contain;}
.aContent .flexer{display:flex;flex-direction: row;flex-wrap: wrap;justify-content: space-around;align-items: stretch;align-content: space-around;height: 100%;}
.flexer{margin:1px;}
.flexer p, .flexer h2 {padding-right:1em; }
.flexer div{max-width:50%; padding-right:1ex;}
* >.mDiva{display:inline-block;width:100%;  text-align:center;}
.flexer p .mDiva img{float:none; }
.marginal{margin-top:1em;}
.margins{margin:1ex;}
.framerblue{background:rgba(0, 102, 255,.2); }
.codeTXT{font-family:courier; font-weight:bold; color:#66ff33; text-shadow:1px 1px 1px blue,-1px -1px 1px red;}
.codeBOX{ background:rgba(0, 51, 77,.8); color: #fff; border-radius:17px; padding:1em;border:1px solid black; box-shadow:5px 5px 10px rgba(0,0,50,.5);}
pre {tab-size: 16;-moz-tab-size: 16;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;word-wrap: break-word; clear:both;}
.aContent a img {padding:10px;}
#progress-bar {position: fixed;bottom: 0;left: 0;width: 100%;height: 5px;background-color: white; z-index:100; }
#progress-bar-fill {height: 100%;background-color: #193449; width: 0%; }
.imgdes{font-size:1.1rem; font-style:italic; }
.flexer.grid h4{font-size:1.2rem;background:rgba(255,255,255,.1);border-radius:.5rem; padding:.1rem; text-shadow: -1px -1px 1px black, 1px 1px 1px black;}
.flexerL a.diva {width: auto; float:left; top:0}
.flexerL span {font-style:normal;}
.flexerL .diva{margin:0;}