body {
    background-size:100%;
    background-color: white;
    font-family: Lato;
    font-weight: 500;
     -webkit-font-smoothing: antialiased;
    text-align: left;
    text-decoration: none;
    margin:0;
    padding:0;

}

  .bg{
    background: #ffffff;
    width:100%;
    margin:0;
    padding:0;

 }
 
img {border: 0px;
       text-align: left;
       margin:0;
       padding:0;

}

.agn{

        display:table-cell;
        vertical-align:middle;
        position: relative;
        height: 100px;
        margin:0;
        padding:0;
        
       
}



h1 {
    float:left;
    color: black;
    font-family: Lato;
    font-weight: 500;
    font-size: 38px;
    text-align: left;
    line-height: 1.1;
    padding:0 0 0 170px;
    margin:0;
    -webkit-font-smoothing: antialiased;
    
    
}

h2 {
    float:left;
    height:70px;
    color: black;
    font-family: Lato;
    font-weight: 500;
    font-size: 28px;
    text-align: left;
    padding:30px 0 0 170px;
    margin:0;
    -webkit-font-smoothing: antialiased;

}

h3 {
    
    float:left;
    color: black;
    font-family: Lato;
    font-weight: 500;
    font-size: 35px;
    text-align: left;
    line-height: 0.3;
    
    -webkit-font-smoothing: antialiased;

}

h4 {
    float:left;
    display:block;
    color: #333333;
    font-family: Lato;
    font-weight: 500;
    font-size: 25px;
    text-align: left;
    margin-top:90px;
    margin-left:0;
    padding-left:0;
   }

   


a {
     color:black;
     text-decoration: none;
}
    
ul.menu {
    display:inline-block;
    height:70px;
    position: relative;
    list-style-type: none;
    padding:30px 170px 0 0;
    margin:0;
    text-align:left;
    text-transform: capitalize;
    font-weight:500;
    float : right;
    
}

ul.txt {
    position: relative;
    list-style-type: none;
    text-transform: uppercase;
    text-align:left;
    font-weight:500;
    padding:0;
}

ul.work{
      display:inline-block;
      position: relative;
      list-style-type: none;
      padding-left:170px;
}

li a {
    text-indent: 0;
    float: left;
    display: block;
    color: black;
    text-align: center;
    padding: 11px 16px;
    text-decoration: none;
    
}

li a:hover:not(.active){
    color: black;
    background-color: #e9e9e9;
  
}

li a.active {
    color: white;
    background-color: red;
    padding:11px 40px;
    }

li {font-size: 0.9em; }

p{
   display:block;
   word-break:break-all;
   text-align:left;
   font-size: 15px;
   line-height:1.5;
   float:left;
   width:770px;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
   margin:0 0 30px 0;

}


.dropdown {
    position: relative;
    display: inline-block;
    list-style-type: none;
    border:0px;
    top:0%;
   
}

.dropdown-content {
    display: none; 
    text-indent: 2.5em;
    position: absolute;
    top: 100%;
    background-color: #ffffff;
    width: 350px;
    float:right;
    z-index: 2;

}

.dropdown-content a {
    height: 22px;
    width: 338px;
    color: black;
    padding: 6px 6px 2px 6px;
    text-decoration: none;
    display: block;
    text-align-last: left;
    text-transform: capitalize;
    font-size: 0.9em;
    font-family: Lato;
    font-weight: 500;
}

.dropdown-content a:hover {background-color: darkgray}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover {
    background-color: darkgray;
}

.titbar{
          display:inline-block;
          text-transform: capitalize;
          width:100%;
          height:70px;
          background-color:black;
          color:red;
          font-family: Lato;
          font-weight: 500;
          font-size:40px;
          -webkit-font-smoothing: antialiased;
          text-align: left;
          text-decoration: none;
          text-indent:170px;
          padding-top:20px;
          margin-bottom:40px;
                    
          }

.ma{
      margin-left:35px;
}