.profile-label {
    font-size: 32px;
    font-weight: bold;
    line-height: 35px;
}

.user-picture {
    border: 3px solid #ffdf00 !important;
    width: 225px !important;
    height: 225px !important;
}

#office {
    color: #FFCD34;
    font-weight: bold;
}

.user-social-media {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.social-media-button {
    letter-spacing: 0.5rem;
    font-size: 18px;
}

.social-media-button > a {
    color: black;
}

.user-profile > .card-body{
    margin: 3rem 0rem;
}

.property-status {
    color: #FFCD34;
}

.btn-border-yellow {
    padding: 10px 15px !important;
}
.btn-follow {
    padding: 10px 20px !important;

}
.profile-container {
    padding: 10px 20px;
}

/* X-Large Devices Bootstrap */
@media (max-width: 1199px) {}

/* Large Devices Bootstrap */
@media (max-width: 991px) {
    .profile-label {
        font-size: 18px;
        line-height: 20px;
    }
    .user-picture {
        border: 3px solid #ffdf00 !important;
        width: 180px !important;
        height: 180px !important;
    }
    #job-description {
        font-size: 14px;
    }
    .profile-data {
        font-size: 14px;
    }
    .user-profile .card-body {
        padding: 0px;
    }
}


/* Medium Devices Bootstrap */
@media (max-width: 767px) {

}

/* Small Devices Bootstrap */
@media (max-width: 575px) {
    .user-picture {
        border: 3px solid #ffdf00 !important;
        width: 105px !important;
        height: 105px !important;
    }

    .user-profile .card-body {
        padding: 5px !important;
        margin: 0px;
    }
    .profile-label {
        font-size: 14px;
        line-height: 16px;
    }

    #office {
        font-size: 12px;
    }

    .profile-data {
        font-size: 10px;
    }
    .social-media-button {
        letter-spacing: 0.5rem;
        font-size: 15px;
    }

    .profile-container {
        padding: 10px 15px;
    }

    .user-social-media {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
}