/* ============================== */
/* === Powered by locomputing === */
/* ============================== */


header {
position: absolute;
top: 0em;
  display:block;
  width: 100%;
  padding: .1em;
}
h1.headtxt {
position:relative;
font-size: 85%;
font-family: 'Times New Roman',serif;
letter-spacing: calc(.15em + ((.15vw - 0.1em) * 1));
font-weight: bold;
cursor: default;
color: #d7b700;
text-shadow: 0 1px 0 gray,
               0 1px 0 #c9c9c9,
               0 1px 0 #bbb,
               0 2px 0 #b9b9b9,
               0 2px 0 #aaa,
               0 2px 1px rgba(0,0,0,.1),
               0 0 2px rgba(0,0,0,.1),
               0 1px 1px rgba(0,0,0,.3),
               0 2px 2px rgba(0,0,0,.2),
               0 2px 2px rgba(0,0,0,.25),
               0 3px 3px rgba(0,0,0,.2),
               0 3px 3px rgba(0,0,0,.15);
margin-top: calc(.35em + ((.35vw - 0.1em) * 1));
padding: 0 0 0 12.5%;
text-align: center;
z-index:5;
-webkit-text-stroke:clamp(.025em, .1vw, 1em) black;
}

@media screen and (max-width: 60em) {
.headtext {
padding: 0;
}
}


main {
position: relative;
min-height: 100%;
width: 100%;
margin: 0 auto;
}


article {
position: relative;
display: block;
margin: 1.25em calc(.145em + ((.145vw - 0.1em) * 1)) 1em 0;
padding:0;
z-index:999999;
}

@media screen and (max-width: 60em) {
article {
margin: 1.25em calc(.25em + ((.25vw - 0.1em) * 1)) 1em calc(.23em + ((.23vw - 0.1em) * 1));
padding:calc(.1em + ((.1vw - 0.1em) * 1)) 0;
}
}




footer {
position:absolute;
height: calc(.7em + ((.7vw - 0.1em) * 1));
bottom: .25em;
text-align: center;
width: 100%;
padding: .25em 0 .1em 12.5%;
background: transparent;
}

h4.foottxt{
position: relative;
width: 100%;
font-size: 50%;
font-family: 'Times New Roman',serif;
letter-spacing: calc(.1em + ((.1vw - 0.1em) * 1));
font-weight: bold;
background: transparent;
color: #d7b700;
margin: 0;
text-align: center;
cursor: default;
-webkit-text-stroke: clamp(.05em, .05vw, 1em) #222222;
}
@media screen and (max-width: 60em) {
footer {
padding: .15em 0 0 0;
}

}



.ribbon {
 width: 100%;  
 position: relative;
background: sienna linear-gradient(105deg, #cd764c 5%, gold 12% , gold 60% , white);
border-top: calc(.12em + ((.12vw - 0.15em) * 1)) solid;
border-bottom: calc(.12em + ((.12vw - 0.15em) * 1)) solid;
border-left: none;
border-image: linear-gradient(to right,black,black,gray,silver,transparent)1;
border-right:none;
 color: black;
 text-align: left;
 height: 1em;
 padding: 0 1.2em; 
 cursor:default;
 margin-bottom: -1px;
 z-index: 3;
}

h4.ribtext {
position: absolute;
bottom:-1.27em;
left: 1.25em;
 font-size: 77.5%;
 font-weight: bold;
 width: 100%;  
-webkit-text-stroke: .0075em black;
 color: black;
}

.ribbon:before {
content: ' ';
position: absolute;
background-color: #003BDE;
background: linear-gradient(90deg,#888888,#444444,#000000);
clip-path: polygon(0 3%, 0% 100%, 44% 50%);
width: 2em;
height: .98em;
top: -.025em;
left: 0;
z-index: 10;
}



@media screen and (max-width: 60em) {
.ribbon {
border-top: 1px solid;
border-bottom: 1px solid;
border-left: none;
}

}


.content {
display: block;	
border-top: none;
margin: 0;
padding: 0;
}