.profile_menu {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.sect-1 {
    max-width: 600px;
    display: flex;
    flex-direction: row;
}

.sect-1 a {
    font-size: 40px;
    text-decoration: none;
    padding-bottom: 7px;
    color: #99949e;
    transition: border .2s ease;
}

.sect-1 a:hover {
    padding-bottom: 2px;
    border-bottom: 5px solid #99949e;
}

.sect-1 .el_active {
    color: black;
    padding-bottom: 2px;
    border-bottom: 5px solid #36c1d3;
}

.sect-1 .el_active:hover {
    cursor: default;
    color: black;
    border-bottom: 5px solid #36c1d3;
}

.sect-1 a:first-child {
    margin-right: 20%;
}

.output {
    position: relative;
}

.output a {
    position: absolute;
    bottom: 0;
    right: 0;
}

.col-md-5 {
    width: 550px!important;
}

@media (max-width: 576px) {
    .col-md-5 {
        width: 100%!important;
    }

    .sect-1 a {
        font-size: 25px;
        text-decoration: none;
        padding-bottom: 7px;
        color: #99949e;
        transition: border .2s ease;
    }
}