@media screen and (min-width: 992px){
    
    .navbar {
        min-height: 100vh;
        width: var(--sidebar-width);
        background: linear-gradient(to left,#384270,#426d91);
        background-size: cover;
        background-position: center;
        border-right: 1px solid #3D88C4;
        transition: all .2s;
    }

    .navbar:hover
    {
        box-shadow: 2px 0px 2px 2px  #3D88C4;

    }

    
    .navbar-brand img {
        border: 4px solid var(--color-brand);
    }
    .navbar-brand img:hover{
      transform: rotate(10);  
    }

    /* content-wrapper 
    */

    #content-wrapper {
        padding-left: var(--sidebar-width);
    }
    .contacting{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        

    }
    .emm{
        text-align: center;

        width: 100%;
        padding: auto;
        margin-bottom: 10px;
    }

   

}

@media screen and (min-width: 425px) {
    .fam {
        display:flex;
        flex-wrap: wrap;
    }

    

}