.profile {
    padding-right: 40px;
}

.profile h1 {
    border-bottom: 1px solid black;
    margin-top: 5px;
}

.profile h1 img {
    vertical-align: middle;
    margin-right: 10px;
}

.profile h2 {
    margin: 10px 0 0 0;
}

.matched-list {
    width: 100%;
    margin-top: 20px;
}

.matched-list>div {
    display: inline-table;
    width: 16%;
    margin: 5px 15px 5px 0;
}

.matched-list>div>div {
    display: table-cell;
    vertical-align: middle;
}

.matched-list>div>div:first-child {
    width: 56px;
}

@media (max-width: 890px) {
    .matched-list>div {
        width: 30%;
    }
}

@media (max-width: 620px) {
    .profile h1 {
        font-size: 22px;
    }

    .profile h2 {
        font-size: 18px;
    }

    .matched-list>div {
        width: 42%;
        margin: 5px 6px 5px 0;
    }

    .matched-list>div:nth-child(2n) {
        width: 42%;
        margin-right: 0;
    }

    .matched-list>div>div>a>img {
        margin-right: 3px;
    }
}

@media (max-width: 530px) {
    .match-list {
        width: 170px;
    }

    .match-list h3 {
        font-size: 18px;
    }

    .profile h1 {
        font-size: 20px;
    }
}

@media (max-width: 410px) {
    .profile {
        padding-right: 10px;
    }
    .match-list {
        display: none !important;
    }
}