@media only screen and (min-width: 1100px)  {
.one,.three {
  padding-left: 100px;
  padding-right: 100px;
  }
}

@media only screen and (min-width: 1400px)  {
  .one,.three  {
    padding-left: 100px;
    padding-right: 100px;
  }
}

@media only screen and (min-width: 1550px)  {
  .one,.three  {
    padding-left: 200px;
    padding-right: 100px;
  }
}

@media only screen and (min-width: 1800px)  {
  .one,.three  {
    padding-left: 350px;
    padding-right: 100px;
  }
}
  
@media only screen and (min-width: 1100px)  {
  .two {
    padding-right: 100px;
    padding-left: 100px;
    }
  }
  
@media only screen and (min-width: 1400px)  {
  .two  {
    padding-right: 100px;
    padding-left: 100px;
  }
}

@media only screen and (min-width: 1550px)  {
  .two  {
    padding-right: 100px;
    padding-left: 100px;
  }
}

@media only screen and (min-width: 1800px)  {
  .two  {
    padding-right: 275px;
    padding-left: 300px;
  }
}

#logo1 {display:block;}
#logo2 {display:none}

@media all and (max-width: 450px) {
    #logo1 {display: none;}
    #logo2 {display: block;width:25%; margin-left: 15px;}
    
    .foot {
      text-align: center;
    }
    .lead{
      font-size: 1.05em ;
    }

}

/*@media only screen and (max-width: 450px)  {
  .navlogo {
    width: 40%;
    
    position: fixed;
    top: 20px;
    margin-right:100px;
  }
 .collapsed{
   margin-left:100px;
    margin-right: 5px;
  }
 
  /*.navlogo {
    max-width: 00%;
    align-self: center;
    justify-content: center;
    margin:0 0 0 0;
    text-align: center;
    padding:0px;
    }

  .navbar-toggler {
    margin-top: 10px;
   margin-right: 10px;
  }
}

@media only screen and (max-width: 400px) {
  .navlogo {
  width: 70%;
  position: absolute;
  top: 20px;
}
}*/

body {
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 0px;
    background-color: #f2f2f2!important;
    color:#13345f;
  }

h1, h2,h3, h4{
    font-family: 'Lato', sans-serif;
}

p {
  font-family: 'Open Sans', sans-serif;
}

a {
    font-family: 'Open Sans', sans-serif;
    
}

a:-webkit-any-link {
text-decoration: none;
}

a:hover {

  color: #1B69AD;
  text-decoration: none;

}

 
.navbar {
    margin-bottom: 0px;
}

.bg-light {
  background-color: #f2f2f2!important;
}

.nav-link {
  color: #02143D!important;
}

.burger {
  float: right;
  margin-right: 30px;
}

.navbar-dark .navbar-nav .nav-link {
  color: #ffffff;
}

.container {
  position: relative;
}

.padleft {
  padding-left: 20px;
}

.padright {
  padding-right: 20px;
}

.one{
  margin-top: 20px;
  padding-bottom: 20px;
  
  background-color: #13345f;
  color: #f2f2f2!important;
  margin-bottom: 0px;

}

.two {
  margin-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 0px;
  
  background-color:#f2f2f2!important;
  color:#13345f;

}

.three, .five{
  margin-top: 0px;
  background-color: #f2f2f2;
  color: #13345f;
  
  padding-bottom: 40px;

}

.four {
  background-color: #13345f;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

.card {
  
  border: none;
  
}

.contactnum a {
  color: #e32d26;  
}

.navie {
    
    position: static;
    width: auto;
}

.container {
    
    padding-left: 0px;
    
  }

.inline-footer
  {
    padding: 0;
    margin: 0;
    list-style: none;
  }

  /*
   * services page
   */

  .redcolor
  {
    color: #e32d26;
  }
  .services1
  {

  background-color: #ffffff;
  color: #070707;
  }

  .clients1 {
    margin-bottom: 50px;
  }

  .my-4 {
    margin-bottom: 50px;
  }

  /*
   * products page
   */

  .aims
  {
    padding: 1px;
    background-color: #2d4059;
  }
  .aims .aimsin
  {
    margin-top: 50px;
    
    margin-right: 100px;
    margin-bottom: 50px;
    color: #ffffff;
  }

  /*
   * Custom translucent site header  max-width: 1080px;
   */
  
  .site-header {
    background-color: #070707;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
  }
  .site-header a {
    color: #999;
    transition: ease-in-out color .15s;
  }
  .site-header a:hover {
    color: #fff;
    text-decoration: none;
  }
  
  /*
   * Dummy devices (replace them with your own or something else entirely!)
   */
  
  .product-device {
    position: absolute;
    right: 10%;
    bottom: -30%;
    width: 300px;
    height: 540px;
    background-color: #333;
    border-radius: 21px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
  }
  
  .product-device::before {
    position: absolute;
    top: 10%;
    right: 10px;
    bottom: 10%;
    left: 10px;
    content: "";
    background-color: rgba(255, 255, 255, .1);
    border-radius: 5px;
  }
  
  .product-device-2 {
    top: -25%;
    right: auto;
    bottom: 0;
    left: 5%;
    background-color: #e5e5e5;
  }
  
  
  /*
   * Extra utilities
   */
  
  .flex-equal > * {
    -ms-flex: 1;
    flex: 1;
  }
  @media (min-width: 768px) {
    .flex-md-equal > * {
      -ms-flex: 1;
      flex: 1;
    }
  }
  
  .overflow-hidden { overflow: hidden; }