.redaction-50-regular {
  font-family: "Redaction 50", serif;
  font-weight: 400;
  font-style: normal;
}

.redaction-50-bold {
  font-family: "Redaction 50", serif;
  font-weight: 700;
  font-style: normal;
}

.redaction-50-regular-italic {
  font-family: "Redaction 50", serif;
  font-weight: 400;
  font-style: italic;
}
html, body { height: 100%; }
body {
  background-image: url(../img/logo.png), url(../img/pbg2.webp);
  background-position: left top, left top;
  background-repeat: no-repeat, repeat;
  background-size: 380px 120px;
  font-size: 24px; padding: .6em 1.2em
}

.headline { height: 50px; line-height: 50px; vertical-align: middle; margin: 0; padding: 0 0 0 76px; background-image:url(../img/hlinebg.webp); background-position: left; background-repeat: no-repeat; color: #fdfdfd; font-size: 20px; }
.copy { font-size: .75em; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #555; }
.lilhead { font-size: .7em; font-family: Arial, Helvetica, sans-serif; font-weight: bolder; color: #222; }
.lilheadsub { font-size: .8em; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #666; font-style: italic; }

ul, ul.nav1 {
  list-style-type: none;
  padding: 0; margin: 0 0 2em 0;
  width: 100%;
  border-bottom: 2px solid #121212;
}

li, .nav1 li {
  margin: 0px 10px 4px 0; display: inline-block;
}

a, .nav1 a  {
  display: inline-block; /* Make links behave like buttons */
  background-color: #fdfdfd; /* Button color */
  background-image:url(../img/linkbg.png); 
  color: #121212;
  padding: 4px 7px; /* Button padding */
  font-size: 16px; font-variant: small-caps;
  text-align: center; /* Center text */
  text-decoration: none; /* Remove underline */
  border-radius: 5px; /* Rounded corners */
  border: 2px solid #121212;
  transition: background-color 1.2s; /* Smooth transition */
}

a:hover {
  background-color: #ebd703; /* Darker shade on hover */
  background-image: none; 
}

#content_wrap { width: 100%;
}

.row {
    display: flex; flex-wrap: wrap; margin-top: 0;
}
.column {
    flex: 40%; /* Each column takes up 50% of the width */
  background-image: url(../img/pbg.webp);
  background-position: left top;
  background-repeat: repeat;
  font-size: 18px; padding: .6em 1.2em
}
.column-txt { max-width: 500px; }


@media (max-width: 650px) {

.column {
  display: block;
  margin: 2.5%;
  width: 95%; max-width: 95%;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  align-self: auto;
  order: 0;
}

}

@media (max-width: 380px) {

body { background-size: contain; }

}