html {
    scroll-behavior: smooth;
}

body{
    margin: 0px;
    padding: 0px;
}

.header{
    position: fixed;
    top: 0;
    width: 100%;
    background-color:white;
    z-index: 2147483647;
}

#main-banner{
    margin-top: 7vw;
}

.logo-container{
    height: 3rem;
}

.velocityengineering-logo{
    width : 100%;
    margin-left: 3%;
    margin-top: 1.8vw;
    margin-bottom: 3vw;
}

.top-menu{
    margin-top: 1.9vw;
    margin-bottom: 2vw;
    float: right;
}

.nav{
    float: right;
    font-size: 1.5vw;
}

.nav-link{
    color:rgba(25,25,112,1);
}

/*.nav-link:hover{*/
/*    color : rgba(102,255,255,1);*/
/*}*/

.slider{
    width:100vw;
    background-image: url("../img/background.png");
    background-color: #555555;
    height: 40vw;
    background-repeat: no-repeat;
    background-size: 100%;
    
}

.main-text{
    white-space: nowrap;
    text-align: left;
    font-family: Exo, Sans, Sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 4vw;
    color: rgba(243,243,248,1);
    margin-top: 15vw;
    margin-left: 8%;
    line-height: 1.15;

}

.sub-text{
    white-space: nowrap;
    text-align: left;
    font-family: Exo, Sans, Sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.5vw;
    color: rgba(255,127,80,1);
    margin-top: 4vw;
    margin-left: 8%;
}

.heading{
    font-size: 3vw;
    font-family: Exo, Sans, Sans-serif;
    font-style: normal;
    font-weight: bold;
    margin-left: 5.2vw;
    margin-top: 5vw;
    margin-bottom: 3vw;
    color: rgba(25,25,112,1);
    width : 93vw;
}


.content{
    width: 90vw;
    margin-left: auto;
    margin-right: auto;
}


.powered-tool{
    width: 10vw;
    height: 10vw;
    border: 2px solid rgba(102,255,255,1);
    border-radius: 1vw;
    position: relative;
    float:left;
    margin: 1vw;
}

.powered-tool > img{
    width: 8vw;
    position: absolute;  
        top: 0;  
        bottom: 0;  
        left: 0;  
        right: 0;  
        margin: auto;
    
}

.service-image-png{
    width: 100%;
}
.service-text{
    line-height: 3.6vw;
    text-align: left;
    font-family: Open Sans, Sans, Sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 1.5vw;
    color: rgba(25,25,112,1);
}

.mission-image-png{
    width: 100%;
}
.mission-text{
    line-height: 1.6;
    text-align: left;
    font-family: Open Sans, Sans, Sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.3vw;
    color: rgba(25,25,112,1);
}

.linkedin-badge{
    width: 10vw;
    height: 10vw;
    /* border: 2px solid rgba(102,255,255,1);; */
    border-radius: 1vw;
    position: relative;
    float:left;
    margin-right: 250px;
}

.linkedin-badge > div{
    /* width: 8vw; */
    position: absolute;  
        top: 0;  
        bottom: 0;  
        left: 0;  
        right: 0;  
        margin: auto;
    
}

.footer{
    background-color: rgba(255,127,80,1);;
}

.contact-text{
    line-height: 2;
    text-align: left;
    font-family: Open Sans, Sans, Sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.3vw;
    color: rgba(25,25,112,1);
    margin-bottom: 1vw;
}

#linkedin-logo-svg{
    fill:rgba(25,25,112,1);
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 6.65vw;
  z-index: 99;
  font-size: 2vw;
  border: none;
  outline: none;
  background-color: rgba(25,25,112,1);
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}

#div-our-team{
    height : 20vw
}

#div-contact-us{
    margin-top: 3vw;
}

#mission-statement{
    font-weight : bold;
}

#id-contact-us{
    margin-bottom : 0vw !important;
    margin-top : 2vw !important;
}

#email-address{
    color :rgba(25,25,112,1); 
}

#li-logo{
    width : 10vw;
}

#span-li-logo{
    float: right;
    margin-right:3.7vw;
}