body { margin: 0; padding }
* { margin: 0; padding }

body { font-family:Roboto, Arial, sans-serif; font-size:20px; max-width:1100px; margin: 0 auto 0 auto; }

h1 { font-family: existencelight; font-size: 6em; color: #105090; }

h2 { font-family: existencelight; font-size: 2em; font-weight: bold; color: #F08000; }

h3 { font-family: existencelight; font-size: 1.5em; font-weight: bold; color: #fff; margin: 1em 0 -0.5em 0; }

#header { background-color: #fff; color:#fff; padding: 1em 1em 1em 1em;  text-align: top; }
#headtxt { float: left; width: 60%}
#htitle { font-family: existencelight; font-size: 6em; color: #105090;  }
#htag    { font-family: existencelight; font-size: 2em; font-weight: bold; color: #105090; }
#himg    { float: left; width: 40%; }
.bigearth { width: 70%; }

.ftitle { font-weight: bold; }
.finput { font-size: 1.5em; width: 80%; padding: 5px 10px; background-color: #ADD7FF; }
#themsg * { color: #000000; }
#themsg { margin: 0 10px 0 10px; }
#reapp { font-weight: bold; }

.about { display: none; }

.menu { clear:both; background-color: #fff; height: 2.5em; margin 0; padding: 0.2em; }
.menusmall { display:none; float:right; height: 11em; margin 0; padding: 0.2em; }


#jmback {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 200px;
  opacity: 0.95;
  background-color: #000 !important;
  color: #fff;

  text-align: center;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}
#jmback a {
  text-decoration: none;
}

#sticky {
  position: fixed;
  right: 0;
  top: 25%;
  z-index: 10;
  width: 1.5em;
  opacity: 0.5;
  background-color: #aaa;
  text-align: center;
  font-size: 1.8em;
  margin: 0;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}

.icons { color: #000; opacity: 0.5; margin:0.5em 0 0.5em 0;}

#footmen { background-color: #000; color: #fff; }

.bull { color: #fff; margin-left:2em; word-wrap: break-word; }
.feed { color: #000; }
.feed a { color: #000; }

.psection { display: block; }
.psection > div {
  padding: 1em 1em 1em 1em;
/*  height: 100vh; */
  font-size: 1.0em;
}
.psection > div > p { color: #ffffff; }

.psection:first-of-type > div {
  background-color: #114691;
  clear:both;
}
.psection:nth-of-type(2) > div {
  background-color: #2e5367;
}
.psection:nth-of-type(3) > div {
  background-color: #267481;
}
.psection:nth-of-type(4) > div {
  background-color: #2e5367;
}
.psection:nth-of-type(5) > div {
  background-color: #267481;
}
.psection:nth-of-type(6) > div {
  background-color: #2e5367;
}
.psection:nth-of-type(7) > div {
  background-color: #267481;
}
.psection:nth-of-type(8) > div {
  background-color: #2e5367;
}
.psection:nth-of-type(9) > div {
  background-color: #267481;
}
.psection:nth-of-type(10) > div {
  background-color: #2e5367;
}

/* foot menue */
.psection:last-of-type > div {
  background-color: #000;
}

a { color: #fff; }
a:visited { color: #fff; }

p { margin-top: 1em; }

.iright { float:right; margin: 1em 0 0 1em; width: 45%; }
.ileft { float:left; margin: 1em 1em 0 0; width: 45%; }
.clear { clear: both; }

/* ===== buttons ===== */

.buttonx {
  float: left;
  -moz-border-radius: 1em;
  border-radius: 1em;
  background-color: #114691;
  padding: 0.7em 0.7em 0.7em 0.7em;
  text-align: center;
  min-width: 5em;
  max-width: 15em;
  margin: 0 0 0 2em;
  font-size: 0.8em;
  font-family: existencelight;
}
.buttonx:hover {
  background-color: #25a;
}
.buttonx a { text-decoration:none; font-size:1.1em; font-weight:bold; color: #fff; }
.buttonx img { float:right; vertical-align:bottom; margin:0 0 0 1em; border:0; }

.butta { float: none;   background-color: #008000; margin: 1em 0 1em 0; }
.butta:hover { background-color: #00A000; }

.buttb { background-color: #008000; }
.buttb:hover { background-color: #00A000; }


/* =================== */

#status { display:none; height:1px; width:1px; }

@media only screen and (max-width: 960px) {
  #status { width:3px; }
  body { font-size: 1.1em; }
  .layout-cat { min-width: 200px; }
  .layout-top { height: x; }
}

@media only screen and (max-width: 860px) {
  #status { width:2px; }
  body { font-size: 0.9em; }
  .layout-cat { min-width: 200px; }
  .layout-top { height: x; }
}

@media only screen and (max-width: 720px) {
  #status { width:2px; }
  body { font-size: 0.8em; }
  .layout-cat { min-width: 200px; }
  .layout-top { height: x; }
}

@media only screen and (max-width: 600px) {
  #status { width:3px; }
  body { font-size: 0.8em; }
  [class^='layout-'] { float: none; width: 100%; height: auto; min-height: 0; overflow:auto; }
  
  .iright { float: none; margin 0; width:95%; } 
  .ileft { float: none; margin 0; width:95%; } 
  #headtxt { float: none; width: 95%; }
  #himg { float: none; }
  #htag > br { display: none; }  
}

@media only screen and (max-width: 320px) {
  #status { width:3px; }
  body { font-size: 0.8em; }
  [class^='layout-'] { float: none; width: 100%; height: auto; min-height: 0; overflow:auto; }
  
  .iright { float: none; margin 0; width:95%; } 
  .ileft { float: none; margin 0; width:95%; }
  
  .menu { display:none; }
  .menusmall { display:block; }
  .buttonx { float: none; margin-bottom:0.5em; }
  
  #headtxt { float: none; width: 95%; }
  #himg { float: none; }
  
}