.content .page .page-profile {
    padding: 10px;
}
.content .page .page-profile .line {
    margin: 10px 0;
    font-size: 1.15rem;
}
.content .page .page-profile a img {
    width: 20px;
    vertical-align: text-bottom;
}

/* --- Dashboard --- */
.content .page .page-profile .profile-dashboard .profile-head {
    margin: 10px 0;
}
.content .page .page-profile .profile-dashboard .profile-body {
    padding: 10px;
}
.content .page .page-profile .profile-dashboard .profile-body .line {
    padding-left: 5px;
    border-left: 2px solid #888;
}

/* --- Forms --- */
.content .page .page-profile form .form-bttn {
    margin: 10px 0;
}
.content .page .page-profile form fieldset {
    margin: 5px 0;
    padding: 5px;
}
.content .page .page-profile form fieldset legend {
    font-size: 1.25rem;
    color: #191996;
}

/* --- MQ --- */
@media screen and (orientation: landscape){
    .content .page .page-profile form .mini {
        width: 50px;
    }
    .content .page .page-profile form .sm {
        width: 100px;
    }
    .content .page .page-profile form .mid {
        width: 160px;
    }
    .content .page .page-profile form .med {
        width: 250px;
    }
    .content .page .page-profile form .long {
        width: 350px;
    }
}