.photo-content {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:10px;
}


.circular--portrait {
    --widht: 50vw;

    position: relative;
    width: var(--widht);
    height: var(--widht);
    overflow: hidden;
    border-radius: 50%;
    background-color: lightgray;
}

@media (min-width:1081px){
    .circular--portrait {
        --widht: 15vw;
        position: relative;
        width: var(--widht);
        height: var(--widht);
        overflow: hidden;
        border-radius: 50%;
        background-color: lightgray;
    }
    .logout-item {
        height: 60px;
    }
}

    .circular--portrait img {
        width: 100%;
        height: auto;
    }

    .info-profile-item{
        position:relative;
        padding:12px;
    }

        .info-profile-item .edit-access {
            right: 12px;
            position: absolute;
            top: 20px;
        }

        .info-profile-item .edit-access-row {
            right: 12px;
            position: absolute;
            top: 12px;
        }

        .info-profile-item p{
            margin: 0px;
        }

        .info-profile-item .info-tag {
            font-size: smaller;
            color: var(--font-color);
        }

        .info-profile-item .count{
            width:48%;
        }

.separator-sections {
    height: 5%;
    margin: 9px;
    border-bottom: 1px dashed lightgray;
}

.logout-item {
    color: #0071c1;
    font-size:smaller;
    text-decoration:underline;
    text-align:center;

}