.px-2{
    padding-right: 2rem !important;
    padding-left: 2rem !important;
}
.pt-10px{
    padding-top: 10px;
}

img#headlogo {
    width: 420px;
    transition-duration: 4000ms;
    -webkit-transition: width 0.7s ease-in-out;
    -moz-transition: width 0.7s ease-in-out;
    -o-transition: width 0.7s ease-in-out;
    transition: width 0.7s ease-in-out;
  }
#nav-profil,
#nav-notification{
    width: 40px;
    height: 40px;
    transition-duration: 4000ms;
    -webkit-transition: width 0.7s ease-in-out;
    -moz-transition: width 0.7s ease-in-out;
    -o-transition: width 0.7s ease-in-out;
    transition: width 0.7s ease-in-out;
}
.profil,
#profil{
    width: 80px;
    height: 80px;
    border-radius:90em;
}
.mr-sm{
    margin-right: 10px;
}

.change-profile-text{
    opacity: 0;
}
.change-profile:hover .change-profile-text{
    opacity: 1;
    background-color: rgba(255,255,255,0.5);
}
.change-profile{
    position: relative;
}
.img-cover{
    max-height: 250px;
    margin: 0 auto;
    display: block;
}