body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    background-color:white;
    color: black;
  }

  .topinfo {
    overflow: hidden;
    background: linear-gradient(110deg, rgb(54, 92, 8) 25%, #6ABD0C);
  }

  .topinfo a {
    float: right;
    display: block;
    text-decoration: none;
    color: #f2f2f2;
    padding: 14px 16px;
    font-size: 14px;
  }
  
  .topnav {
    overflow: hidden;
    background: linear-gradient(110deg, rgb(151, 141, 141) 25%, #333);
  }


  
  .topnav a{
    float: right;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
  }

  .topnav i{
    float: right;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
  }
  
  .topnav a:hover {
    background-color: #ddd;
    color: black;
  }
  
  .topnav a.active {
    background-color: rgb(24, 94, 26);
    color: #ffffff;
  }
  
  .topnav .icon {
    display: none;
  }

  .bckImg {
    background-image: url("/pictures/backImg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-origin: content-box;
    opacity: 0.9;
  }
  
  @media screen and (max-width: 600px) {
    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {
      float: right;
      display: block;
    }
  }
  
  @media screen and (max-width: 600px) {
    .topnav.responsive {position: relative;}
    .topnav.responsive .icon {
      position: absolute;
      right: 0;
      top: 0;
    }
    .topnav.responsive a {
      float: none;
      display: block;
      text-align: left;
    }
  }



  .projLi {
      display: inline-block;
      padding: 20px;
  }

  .divBox {
    background-color: rgb(220, 233, 238);
    width: 250px;
    height: auto;
    min-height: 420px;
    border: 1px solid navy;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    
  }

  .divBoxStlye {
      color: rgb(24, 94, 26);
      font-size: 20px;
      font-weight: bold;
    }

  .textBox {
    padding: 1px 2px;
  }  

  h2 {
      text-align: center;
      text-transform: uppercase;
  }

  ul {
      text-align: left;
  }

  .btnProj {
    background-color: rgb(24, 94, 26);
    border: none;
    color: white;
    padding: 15px 32px;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 12px;
  }

  .btnProj:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
  }

  .logoCSS {
    height: 95px; 
    width: 280px; 
    position: absolute;
  }

  @media screen and (max-width: 760px) {
    .floatTL{display:none;}
  }

  .floatTL{
    position:absolute;
       top:0px;
       left:0px;
   }


   .contactBack{
       color: whitesmoke;
   }

   .services {
    overflow: hidden;
    background: linear-gradient(110deg, rgb(54, 92, 8) 25%, #6ABD0C);
    padding: 0 20px;
    color: whitesmoke;
   }


/* Popup Box */

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 8888; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 10vh auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 90%; /* Could be more or less, depending on screen size */
  letter-spacing: 1px;
}
@media (min-width: 1366px) {
.modal-content {
  background-color: #fefefe;
  margin: 10vh auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 30%; /* Could be more or less, depending on screen size */
}
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

button.button {
  background:none;
  border-top:none;
  border-right:none;
  border-left:none;
  border-bottom:#02274a 1px solid;
  padding:0 0 3px 0;
  font-size:16px;
}

button.button:hover {
  border-bottom:#a99567 1px solid;
  color:#a99567;
}