.logo {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px;
}

.logo h1 {
    position: relative; 
    
    /*color: rgb(192, 145, 0);   2.5vw, */    
    color: var(--bs-logo-osoft);
    font-family: 'Gagalin';
    font-size: 35px;   
  
    transition: all 300ms;
}

.logo h2 {
    position: relative; 
    
    /*color: rgb(192, 145, 0);   1.8vw*/    
    color: var(--bs-eslogan-osoft);
    font-family: 'Gagalin';
    font-size: 22px;   
  
    transition: all 300ms;
    
    margin-top: 5px;
    margin-left: 1px;
}

.logo h3 {
    position: relative; 
      
    color: var(--bs-logo-osoft);
    font-family: 'Gagalin';
    font-size: 30px; 

    margin-left: 50px;
}

.logo img {
    width: 50px;
}