#header {
    position:fixed;
    top: 0;
    width: 320px;
    z-index: 3;
    background: rgb(248,249,250);
    bottom: 0;


}

 #header img{
    margin: 15px auto;
    width: 125px;
    border: 5px solid white;
    height: 140px
   
   


}
#header .profil {
    color: white;
    font-size: 25px;
    margin: 0;
    text-align-last: center;
    background-color:  #e65e61;



}
#header .profil a{
    padding: 10px;
    color: white;


}
#header .profil h2{
    padding-top: 10px;


}
#header .profil #logo{
    padding: 10px;
    padding-bottom: 10px;

}


#header .navbar .container-fluid .row .nav-item {
    text-align: left;
    padding: 10px;

}


#header .navbar .container-fluid{
    text-align: center;
    position: absolute;
    display:block;
    white-space: nowrap;
    margin-top: 10px;


}

#header .navbar .container-fluid .row .nav-item :hover {
    color: #e65e61;

}

#header .navbar button
{
    color: rgb(82,87,205);

}

#header .navbar .container-fluid {
    vertical-align: middle;
    position: relative;
    bottom: 0;
    padding-left: 30px;
    padding-top: 20px


}

#header hr{
    border: 4px solid rgb(82,87,205);
    font-weight: bold
}


#header .navbar .container-fluid .row .nav-item a span{
    text-align-last: right;
    vertical-align: 21%;
    padding: 15px;
}
#header .navbar .container-fluid .row .nav-item a i{
    font-size: 30px
}


#header .navbar .container-fluid .row .nav-item a {
    color :rgb(82,87,205);
}
#copyright span
{
    color: rgb(82,87,205);
    font-weight: bold;
    font-size: 14px;
    white-space: nowrap;
    text-align: center;
    display:block;
    padding-top: 20px;
    padding-bottom: 20px


}

#copyright{

    bottom: 0;

    background-color: #E6E6E6;
    position:absolute;
    width: 320px;

}

#header .profil .linkedin:hover{

    color: #0e76a8;


}

#header .profil .instagram:hover{

    color: rgb(241,42,123)

}

#header .profil .mail:hover{

    color: rgb(16, 179, 231);
}










