body {
    background-color: black;
    color: white;
    border: 0px;
      margin: 0px;
      min-width: 1024px;
  }
  
  h2, h3, h4 {
      padding: 0px;
      margin: 0px;
  }
  
  .mainbox {
      margin: auto;
      width: 85%;
      max-width: 1600px;
      background-color: #001010;
      min-height: 100%;
  }
  
  .header-title {
    font-family: Tahoma;
    font-size: 3em;
    color: #F0FFF0;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .header-title:hover {
      color: #F0FFF0;
  }
  .white_link:hover, .white_link:active, .white_link:visited, .white_link {
    color: white;
    text-decoration: none;
  }
  .white_link:hover, .white_link:active {
   text-decoration: underline;
  }
  
  .head-menu {
      background: rgb(149,149,149);
      background: -moz-linear-gradient(top,  rgba(149,149,149,1) 0%, rgba(13,13,13,1) 46%, rgba(1,1,1,1) 50%, rgba(10,10,10,1) 53%, rgba(78,78,78,1) 76%, rgba(56,56,56,1) 87%, rgba(27,27,27,1) 100%);
      background: -webkit-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%);
      background: linear-gradient(to bottom,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 );
      color: yellow;
      font-size: 1.2em;
      height: 1.2em;
  }
  
  .menu-item {
    min-height: 100%;
  }
  
  .menu-item a {
    height: 100%;
    padding: 5px;
  }
  .menu-item a,.menu-item a:visited,.menu-item a:active, .menu-item a:focus {
    color: yellow;
    text-decoration: none;
  }
  
  .menu-item a:hover {
      color: black;
  }
  
  .menu-item:hover {
      background: rgb(254,252,234);
      background: -moz-linear-gradient(top,  rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%);
      background: -webkit-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%);
      background: linear-gradient(to bottom,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 );
      color: black;
      height: 100%;
  }
  
  
  
  .head-info {
      background: rgb(42,107,52);
      background: -moz-linear-gradient(top,  rgba(42,107,52,1) 0%, rgba(19,155,17,1) 24%, rgba(0,96,3,1) 100%);
      background: -webkit-linear-gradient(top,  rgba(42,107,52,1) 0%,rgba(19,155,17,1) 24%,rgba(0,96,3,1) 100%);
      background: linear-gradient(to bottom,  rgba(42,107,52,1) 0%,rgba(19,155,17,1) 24%,rgba(0,96,3,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a6b34', endColorstr='#006003',GradientType=0 );
      padding-top: 3px;
      padding-bottom: 3px;
  }
  
  
  
  .topFloat {
    position: fixed;
    right: 50px;
    bottom: 50px;  
  }
  .topFloat a,.topFloat a:active,.topFloat a:focus, .topFloat a:visited {
    color: blue;
    text-decoration:none;
  }
  
  .topFloat a:hover {
    color: yellow;
    text-decoration:underline;
  }
  
  .body-context {
      padding: 20px;
      background-color: #111519;
      padding-bottom: 20px;
  }
  
  .body-context p {
      font-size: 1.1em;
  }
  
  .body-context h2 {
      color: cyan;
  }
  
  
  .footer {
      width: 100%;
      margin: 0px;
      background-color: #444;
  }
  
  
  .footer-topbar {
      background: rgb(75,78,81);
      background: -moz-linear-gradient(top,  rgba(75,78,81,1) 0%, rgba(38,42,43,1) 36%, rgba(40,52,59,1) 100%);
      background: -webkit-linear-gradient(top,  rgba(75,78,81,1) 0%,rgba(38,42,43,1) 36%,rgba(40,52,59,1) 100%);
      background: linear-gradient(to bottom,  rgba(75,78,81,1) 0%,rgba(38,42,43,1) 36%,rgba(40,52,59,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4e51', endColorstr='#28343b',GradientType=0 );
    padding: 10px;
  }
  
  .copyright {
      display: block;
      float: right;
      clear: both;
      margin-right: 20px;
  }
  
  
  .small-address-anywidth {
      font-size: 0.7em;	
  }
  
  .small-address {
      font-size: 0.7em;
      word-wrap:break-word;
      display: inline-block;
      width: 225px;
  }
  
  .small-address-fdm {
      font-size: 0.5em;
      word-wrap:break-word;
      display: inline-block;
      width: 225px;
  }
  
  
  .right-align {
      text-align: right;
  }
  
  .center-align {
      text-align: center;
  }
  
  .left-align {
      text-align: left;
  }
  
  .bottom-align {
      vertical-align: bottom;
  }
  
  .top-align {
      vertical-align: top;
  }
  
  .td-spacer {
      min-width: 500px;
  }
  
  .pad-top20 {
      padding-top: 20px;
  }
  
  .fine-print {
      font-size: 0.5em;
      word-wrap:break-word;
      display: inline-block;
  }
  
  .wd-table td {
      font-size: 1.4em;
  }
  
  .fine-print-toaddr {
      color: #ff9999;
      width: 120px;
  }
  
  .header-box {
      background: -moz-linear-gradient(top,  rgba(149,149,149,0.7) 0%, rgba(13,13,13,0.7) 46%, rgba(1,1,1,0.7) 50%, rgba(10,10,10,0.7) 53%, rgba(78,78,78,0.7) 76%, rgba(56,56,56,0.7) 87%, rgba(27,27,27,0.7) 100%);
      background: -webkit-linear-gradient(top,  rgba(149,149,149,0.7) 0%,rgba(13,13,13,0.7) 46%,rgba(1,1,1,0.7) 50%,rgba(10,10,10,0.7) 53%,rgba(78,78,78,0.7) 76%,rgba(56,56,56,0.7) 87%,rgba(27,27,27,0.7) 100%);
      background: linear-gradient(to bottom,  rgba(149,149,149,0.7) 0%,rgba(13,13,13,0.7) 46%,rgba(1,1,1,0.7) 50%,rgba(10,10,10,0.7) 53%,rgba(78,78,78,0.7) 76%,rgba(56,56,56,0.7) 87%,rgba(27,27,27,0.7) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3959595', endColorstr='#b31b1b1b',GradientType=0 );
      box-shadow: 10px 10px rgba(0,0,0,0.3);
  }
  .header-box h2 {
      margin: 0px;
      padding: 5px;
      text-shadow: 1px 1px rgba(255,255,255,0.4);
  }
  .section-box {
      background-color: #2a2a3a;
      box-shadow: 10px 10px rgba(0,0,0,0.3);
      padding: 5px;
  }
  
  .footer_link, .footer_link:visited {
      color: #00cccc;
      text-decoration: none;
  }
  
  .footer_link:hover, .footer_link:active {
      color: #00ffff;
      text-decoration: underline;
  }
  
  .yellow_link, .yellow_link:visited {
      color: #dddd00;
      text-decoration: none;
  }
  
  .yellow_link:hover, .yellow_link:active {
      color: #ffff00;
      text-decoration: underline;
  }
  
#zoomimg-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0,0,0,0.9);
    text-align: center;
}
#zoomimg {
    display: block;
    height: 90%; 
    width: 90%;
    background: url("desert_stream.jpg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 7px;
    margin-left: auto;
    margin-right: auto;
}

.zoomimg-info {
    display: inline-block;
    max-width: 1024px;
    max-height: 7%;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: auto;
    margin-right: auto;
    background-color: #444;
    border-radius: 15px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #fff;
}

#zoomimg-info-title {
    display: inline-block;
    font-size: 1.5em;
    margin-top: 5px;
    margin-bottom: 5px;
}

.gallery-bubble {
    display: inline-block;
    font-size: 1.2em;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    border-radius: 15px;
    background-color: #444;
    padding: 5px;
    text-align: center;

}

.gallary-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0px;
    padding: 0px;

}

.gallary-image {
    margin: 1px; 
    padding: 0px;
    cursor: zoom-in;
}

.gallary-image img {
    margin: 0px;
    padding: 0px;
}

.about-container {
    width: 80%; 
    height: 70%; 
    margin: auto; 
    background-image: url('photos/desert_stream.jpg'); 
    border-radius: 25px; 
    background-size: cover;
}

.inner-about {
    padding-left: 40px; 
    padding-right: 40px; 
    margin-top: auto; 
    margin-bottom: auto;
    font-size: 1.2em; 
    color: #ffffee;
    text-shadow: 1px 1px #000; 
}

.about-mask {
    display: flex; 
    justify-content:center;
    height: 100%; 
    width: 100%; 
    background-color: rgba(0,0,0,0.4); 
}

.contact-container {
    width: 70%; 
    margin: auto;
}

.input-validate:invalid, .input-validate:invalid:focus {
    background-image: linear-gradient(rgba(255,0,0,0.1),rgba(255,0,0,0.2));
}

.input-validate:valid {
    border: 1px solid green;
}

.input-validate:valid:focus {
    background-image: linear-gradient(rgba(0,255,0,0.1),rgba(0,255,0,0.2));
}