@font-face {font-family: reds; src: url('../fonts/sui_generis_rg.otf');
  font-style: normal }
p1 {
  font-family: reds, sans-serif;
  color: #000000;}
div.Background {
  background: url('../images/background-vector-03.jpg');
  background-size: cover; }
div.transbox {
 /* background-color: rgba(55,55,55,.3); */
   background-image: linear-gradient(rgba(0,0,0,0.6), rgba(99,99,99,0.3)); }
div.transbox p {
  font-weight: bold;
  color: #000000; }
.container {
  background-image: linear-gradient(rgba(0,0,0,0.6), rgba(99,99,99,0.3)); 
  display: flex;
  align-items: center;
  justify-content: left;
  vertical-align: middle;
  color: #c7c3c3;
  width: 100%;
  float: left;
  position: relative; }

.text {
  font-size: 14px;
  padding-left: 20px;
  vertical-align: middle;
  color:#000000;
  opacity: 1.0; }
.footer {
  text-align: center;
  font-size: 12px;
  padding-left: 20px;
  vertical-align: middle;
  font-family: RedS, sans-serif;
  color:#282828;
  opacity: 1.0; }
body { 
  background-image: url('../images/background-vector-03.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  color: #ffffff; }

.dropbtn { 
  opacity: 1.0;
  background-color: #a40000;
  color: black;
  padding: 16px;
  font-size: 16px;
  border-radius: 15px;
  border: none; } 
.dropdown { 
  position: relative;
  display: inline-block; }
.dropdown-content { 
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1; }
.dropdown-content a { 
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block; }
.dropdown-content a:hover {background-color: #ddd; }
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #555555; }
ul { }
  .head_list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden; }
  .list_default {list-style-type: disc;}
li { }
  .head_line {
    background-color: rgba(55,55,55,.6); 
    float: left; }
li a {
  display: block;
  color: white;
  font-size: 33.5px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none; }
li b {
  display: block;
  color: red;
  font-size: 32px;
  font-family: reds, sans-serif;
  text-align: center;
  text-decoration: none; }
li c {
  float:none;
  display: block;
  overflow: visible;
  background-color: rgb(252, 252, 252);
  min-height: 1em; }
li d {
  float:none;
  display: block;
  overflow: visible;
  min-height: 1em; }
li a:hover {
  background-color: #111;}
li b:hover {
  background-color: #111;}