body
      {
       height: 100%;
       padding-left: 0px; 
       padding-right: 0px;
       padding-bottom: 0px;
       padding-top: 0px;
       margin: 0px;
       width: 100%;
      }

    h1
      {
      font-size: 1.75em;
      font-family: Arial, Helvetica, sans-serif;
      color:#ad1c16;
      padding-bottom: 5px;
      padding-top: 5px;
      margin: 0px;
      letter-spacing: 0.09em;
      text-align: center;
      word-spacing: 3em;
      background-color: #b0b5c7;
      opacity: 75%;
      }

@media handheld, only screen and (max-width: 767px) {
    h1 {
word-spacing: 0.35em;
}
}

    h2
      {
      font-size: 1.25em;
      font-family: Arial, Helvetica, sans-serif;
      color:#efefef;
      padding-bottom: 0px;
      margin-bottom: 0px;
      }

    h3
      {
      font-size: 2.5em;
      font-family: Arial, Helvetica, sans-serif;
      color:#002c63;
      padding: 15px;
      margin-top: 15px;
      letter-spacing: 0.05em;
      text-align: center;
      }

    h4
      {
      border-radius: 5px;
      font-size: 1.45em;
      font-family: Arial, Helvetica, sans-serif;
      color:#585959;
      padding: 5px;
      margin: 0px;
      letter-spacing: 0.05em;
      background-color: #d2dbeb;
      text-align: center;
      }

    h5
      {
      font-size: 2.5em;
      font-family: Arial, Helvetica, sans-serif;
      color:#e5e7ea;
      padding: 5px;
      letter-spacing: 0.05em;
      text-align: center;
      }

    h6
      {
      font-size: 2.5em;
      font-family: Arial, Helvetica, sans-serif;
      color:#002c63;
      padding: 5px;
      letter-spacing: 0.05em;
      text-align: center;
      margin: 55px;
      }
    h7
      {
      font-size: 0.85em;
      font-family: Arial, Helvetica, sans-serif;
      color:#002c63;
      padding: 8px;
      font-weight: 600;
      letter-spacing: 0.05em;
      text-align: center;
      background:#dbd7d7;
      border-radius: 25px;
      margin-left: auto;
      margin-right: auto;
      border-style: solid;
      border-color: #b3b9d5;
      border-size: 2px;
      }

     h12
       {
       padding-top: 50px;
       } 
    p
     {
      font-size: 1.25em;
      font-family: Arial, Helvetica, sans-serif;
      color:#dbd7d7;
      line-height: 1.6em;
      font-weight: 600;
      }

    p1
     {     
      font-size: 1.12em;
      font-family: Arial, Helvetica, sans-serif;
      color:#efefef;
      letter-spacing: 0.01em;
      font-weight: 100;
      line-height: 1.15em;
     }

    p2
     {     
      font-size: .75em;
      font-family: Arial, Helvetica, sans-serif;
      color:#002c63;
      letter-spacing: 0.05em;
      font-weight: bold;

     }
    p3
     {     
      font-size: 1.10em;
      font-family: Arial, Helvetica, sans-serif;
      color:#fff;
      letter-spacing: 0.05em;
      font-weight: bold;
      width: 250px;
      height: 150px;
     }

    p4
     {     
      font-size: 1.0em;
      font-family: Arial, Helvetica, sans-serif;
      color:#ededed;
      letter-spacing: 0.025em;
      font-weight: 500;
      line-height: 1.25em;
     }

    p5
     {     
      font-size: .65em;
      font-family: Arial, Helvetica, sans-serif;
      color:#7c7777;
      letter-spacing: 0.025em;
      font-weight: 600;
     }

    p6
     {     
      font-size: .75em;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
      color:#464646;
      letter-spacing: 0.025em;
      background: #d5d5d5;
     }

    p7
     {     
      font-size: 1.00em;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
      color: #05090f;
      letter-spacing: 0.025em;
     }
    p8
     {     
      font-size: 1.00em;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
      color: #7c7777;
      letter-spacing: 0.025em;
     }
    
     #googlemaps
   {
    width: 700px;
    height: 450px;
    border-radius: 25px;
    background: #efefef;
   }

@media handheld, only screen and (max-width: 767px) 
    {
       #googlemaps
      {
       width: 100%;
       height: 450px;
      }
    }

div.container
      {
      height: 100%;
      width: 100%;
      padding: 0px;
margin: 0px;
      }
  

    div.header
      {
       margin: auto;
       background-color: #d4d5d7;
       padding: 25px;
       width: 100%;
       position: fixed;
       z-index: 999;

      }

@media handheld, only screen and (max-width: 767px) {
   div.header {
    width: auto;
    height: 400px;
    margin: auto;
    position: static;
    display: block;
 }
}

    #belowheader
      {
      padding-top: 0px;
      display: block;
      background:linear-gradient(0deg, rgba(8, 21, 40, 0.3), rgba(8, 21, 40, 0.3)), url('images/background3.png') no-repeat 75% center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
      height: 500px;
      margin-left: auto;
      margin-right: auto;
    padding-top: 125px;
      }


@media handheld, only screen and (max-width: 767px) {
   #belowheader {
    margin: auto;
    background: none;
    background-color: #1a2f4e;
    padding: 10px;
    height: 750px;
    width: auto;
 }
}


     div.info
      {
      margin: auto;
      padding: 10px;
      width: 750px;
      justify-content: center;
      }


@media handheld, only screen and (max-width: 767px) {
    div.info {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: auto;
    justify-content: center;
    
 }
}

      div.about
      {
      margin-left: auto;
      margin-right: auto;
      padding: 70px 0;
      width: 750px;
      }


@media handheld, only screen and (max-width: 767px) {
   div.about {
    height: 800px;
    display: block;
    width: auto;
    padding: 70px 25;
 }
}
      #logo
      {
      float:left;
      background-image: url('images/LOGOWEB.png');
      background-size: 232px 50px;
      height: 50px;
      width: 232px
      }
@media handheld, only screen and (max-width: 767px) {
   #logo {
    margin:auto;
    float: none;
 }
}

    div.address
      {
       margin: auto;
       padding: 15px;
       height: 100px;
       background-color:grey;
       text-align: center;
       display: block;
      }
@media handheld, only screen and (max-width: 767px) {
    div.address {
    margin-left: auto;
    margin-right: auto;
   
 }
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.topnav
{
overflow:hidden;
padding-right: 25px;
}
@media handheld, only screen and (max-width: 767px) {
   div.topnav {
   display: block;
   padding: 0;
   margin: auto;
   
   padding: 0;
 }
}

.topnav a {
  color: #f2f2f2;
  text-align: center;
  text-decoration: none;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 1.0em;
  font-family: Arial, Helvetica, sans-serif;
  height: auto;
  float: right;
}
@media handheld, only screen and (max-width: 767px) {
   .topnav a {
    width: 100%;
    margin: auto;

 }
}
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #4CAF50;
  color: white;
}
.topnav a:link
{
  color: #888b8f;
}



div.content
{
display: block;
background-color: #d9dce0;
padding: 0px;
margin: auto;
padding-top: 100px;
height: 1100px;
width: auto;
background:url('images/background4.png') no-repeat 75% center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
   background-size: cover;
position: relative;
}
div.content2
{
display: block;
background-color: #d9dce0;
padding: 0px;
margin: auto;
padding-top: 100px;
height: 1100px;
width: auto;
background:url('images/background3a.png') no-repeat 50% center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
   background-size: cover;
position: relative;
}



@media handheld, only screen and (max-width: 767px) {
   div.content {
    height: 1500px;

 }
}


div.projects
{
display: block;
background-color: #d9dce0;
padding: 0px;
margin: auto;
height: auto;
background:url('images/background7.png') no-repeat 75% center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
   background-size: cover;
position: relative;
}

div.left
{
height: auto;
padding: 15px;
display: block;
margin-top: 15px;
Background-color: #ededed;
background: url('images/left.png') no-repeat 95% center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
   background-size: cover;
border-radius: 25px;
}

div.right
{
width: 325px;
height: 330px;
padding: 15px;
float: right;
margin-top: 15px;  
Background-color: #ededed;
background: url('images/left.png') no-repeat 95% center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
   background-size: cover;
border-radius: 25px;
}

@media handheld, only screen and (max-width: 767px) {
  div.left {
    margin-top: 25px;
    margin-bottom: 25px;
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    width: auto;
   
  }
  div.right {
    margin-top: 25px;
    margin-bottom: 25px;
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    width: auto;
  }
}

div.textbubble
{
padding: 25px;
}

div.center
{
text-align: center;
margin-left: auto;
margin-right: auto;
}



div.ljprocess
       {
        padding-bottom: 150px;
        height: auto;
        display: block;
        background-color: #17417c;
        display: block;
        margin: auto;
background: url('images/background5.png') no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
   background-size: cover;

       }
@media handheld, only screen and (max-width: 767px) {
  div.ljprocess, #ljprocess { 
     background-color: #17417c;
     background-image: none;     
   
  }
}


div.partners
       {
        height: auto;
        display: block;
        background-color: #fff;
        margin: auto;
       }
div.partners img
       {
       padding: 10px;
       }

.grid-container {
  display: grid;
  grid-template-columns: 165px 165px 165px 165px;
  padding: 5px;
  justify-content: center;
  margin-bottom: 100px;
}
@media handheld, only screen and (max-width: 767px) {
div.grid-container {
  display: grid;
  grid-template-columns: 215px 215px;
  padding: 5px;
  justify-content: center;
 }
}
.grid-item {
  padding: 5px;
  text-align: center;


}
div.footer
       {
       margin: auto;
       background-color: #d4d5d7;
       padding:25px;
       text-align: center;
       bottom: 0;
       display: block;
       }


hr.height
{
height: 1px; 
border-top: 1px solid #e5e7ea; 
border-bottom: 0px;
border-left: 0px;
porder-right: 0px;
padding: 0px;
}

a[href^="mailto"]
{
color: #acabab;
text-decoration: none;
}

div.project
{
float: left;
width: 255px;
padding 0px;
height: auto;
}
div.projectdetails
{
position: relative;
width: auto;
padding: 5px;
margin-top: 10px;
height: 150px;
}
@media handheld, only screen and (max-width: 767px) {
 div.project {
 display: block;
 float: none;
 margin: auto;
 }
}
@media handheld, only screen and (max-width: 767px) {
 div.projectdetails {
 display: block;
 float: none;
 width: auto;
 margin: auto;
 text-align: center;
 }
}
div.ljteam
{
display: block;
background-color: #d9dce0;
padding: 0px;
margin: auto;
height: auto;
background:url('images/background4.png') no-repeat 75% center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
   background-size: cover;
position: relative;
}
div.team
{
float: left;
width: 135px;
padding 0px;
height: auto;

}
div.team img{
padding: 10px;
}

div.teaminfo
{
width: auto;
margin-top: 15px;
width: auto;
padding-left: 310px;
height: 155px;
}

div.title
{
position: relative;
width: 145px;
padding: 5px;
margin-top: 45px;
float: left;
border-right: 1px solid #7c7777;
image-border: 0px;
}



@media handheld, only screen and (max-width: 767px) {
 div.team {
 display: block;
 float: none;
 margin: auto;
 }
}
@media handheld, only screen and (max-width: 767px) {
 div.teaminfo {
 display: block;
 float: none;
 width: auto;
 margin: auto;
 padding-left: 165px;
 height: auto;

 }
}

@media handheld, only screen and (max-width: 767px) {
div.title
{
position: relative;
width: 145px;
padding: 5px;
margin-top: 15px;
float: left;


}
}