body {
    background-image: url('images/background.png');
    background-repeat: no-repeat; 
    background-size: cover;
    } 
.container-lg {
   width: 100%;
   min-height:100vh;
   padding-bottom: 4%;
   box-sizing: border-box;
   overflow: hidden;  
   }
.logo {
   max-width: 100%;
   height: auto;
   cursor: pointer;
   margin: 15px 0;
   }
.menu {
   width: 100%;
   display: flex;
   align-items: center;
   }   
.rounded-pill {
   width: 70%;
   margin-right: 6%;
   }
.logo-name {
   position: absolute;
   font-family: Arial;
   font-size: 40px;
   color: #fff;
   font-style: normal;
   font-weight: 700;
   letter-spacing: 0.1em;
   text-decoration: none;
   }
.logo-name:hover {
   color: #fff;
   }
.sidebar-logo {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   position: inherit;
   margin-top: -16%;
   width: 100px;
   float: right;
   }
nav {
   flex: 1;
   text-align: right;
   margin-right: -1.2%;
   }
nav ul li {
   list-style: none;
   display: inline-block;
   margin-right: 25px;   
   }
nav ul li a {
   text-decoration: none;
   color: #fff;
   font-family: Arial;
   font-size: 17px;
   font-weight: 700;
   }   
span.navbar-toggler-icon {
   background-color: #0dcaf0;
   }
p.h3 {
   color: #fff;
   margin-top: 340px;
   font-family: Arial;
   font-style: normal;
   font-weight: 700;
   width: 75%;
   }
p a {
   color: #fff;
   text-decoration: none;
   }
.form {
   position: relative;
   width: 70%;
   }
.form .fa-search {
   position: absolute;
   top:15px;
   left: 20px;
   color: #9ca3af;
   }
.form .form-control {
   border-radius: 30px;
   height: 45px;
   }
.form-input {
   height: 55px;
   text-indent: 33px;
   }
.form-control::-webkit-input-placeholder {
   font-weight: 500;
   }
.form-control::-moz-placeholder {
   font-weight: 500;
   }
.form-control:-ms-input-placeholder {
   font-weight: 500;
   }
.form-control:-moz-placeholder {
   font-weight: 500;
   }
.form-input:focus{
   box-shadow: none;
   border:none;
   }   
button.btn.btn-sm.btn-outline-secondary.button1 {
   color:#fff;
   font-family: Arial;
   font-weight: 700;
   background-color: #004C97;
   border-radius: 1.625rem;
   padding: 4px 17px;
   margin-left: 10px;
   }
button.btn.btn-sm.btn-outline-secondary.button2 {
   color: #004C97;
   font-family: Arial;
   font-weight: 700;
   background-color: #fff;
   border-radius: 1.625rem;
   padding:  4px 17px;
   margin-left: -7px;
   }
.list-link {
   margin-top: 2%;
   color: #fff;
   font-size: 17px;
   font-family: Arial;
   font-style: normal;
   font-weight: 700;
   list-style: none;
   }
.list-link li {
   display: inline;
   padding: 0 18px;
   border-left: solid 2px white;
   }
.list-link li:first-child {
   border-left: none;
   }   
h6 {
   margin-top: 1.5rem!important;
   margin-bottom: 1.5rem!important;
   }

    /*For Small Devices*/
 @media only screen and (max-width: 768px) {
   .list-link {
      margin-top: 5%;
   }
    .list-link li {
      display: block;
      padding: 0 10px;
      border-left: none;
      margin-top: 1%;
      }
    body {
      background-image: url('images/background.png');
      background-repeat: no-repeat; 
      background-size: cover; 
      }
   .rounded-pill {
      width: 40%;
      float: left;
      margin-left: 5%;
      }
    p.h3 {
      color: #fff;
      margin-top: 0;
      margin-left: 2vw;
      font-weight: 700;
      line-height: 1.6;
      }
   .form {
      margin-left: 2vw;
      width: 90%;
      }
   .logo-name {
      position: absolute;
      font-size: 18px;
      color: #fff;
      font-style: normal;
      font-weight: 700;
      line-height: 74px;
      letter-spacing: 0.1em;
      }
   .sidebar-logo {   
      bottom: 0px;
      float: left;
      margin-top: 5%;
      left: 15px;
      width: 22%;
      }
   nav ul li a {
      font-size: 15px;
      font-weight: 700;
         }  
}