.logo273{
    font-family: 'Roboto', sans-serif;
    text-align:center;
    margin-left: 18px;
    font-style: italic;
}
.letter{
   
    height: 58px;
    display: inline-block;
    vertical-align: middle;
}
.letter-small{
    font-size:32px;
    margin: 0 -7px;
    padding-top: 10px;
}
.letter-big{
    font-size:48px;
     margin: 0 -2px;
}
#number2{
    margin: 0 -10px;
}
#number3{

}
.dotCL{
    padding-top: 30px;
}

.nav-link {
    color: whitesmoke;
    --bs-nav-link-hover-color: whitesmoke;
}

.nav-item:hover, .dropdown:hover {
    color: whitesmoke;
    background-color: rgba(255, 255, 255, 0.15)
}

.bg-primary {
    background-color: #405FF0;
}

.bg-dark {
    background-color: #333;
}

/* this is needed to make the content scrollable on larger screens */
@media (min-width: 576px) {
    .h-sm-100 {
        height: 100%;
    }
}