.jer-table {
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    overflow: hidden;
    margin: 20px 0;
    font-family: inherit;
}

.jer-header,
.jer-stock-row {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
    align-items: center;
    padding: 15px 20px;
}

.jer-header {
    font-weight: 700;
    background: #f7f7f7;
    border-bottom: 1px solid #ddd;
}

.jer-stock-row {
    border-bottom: 1px solid #eee;
}

.jer-stock-row:last-child {
    border-bottom: none;
}

.jer-ticker {
    font-weight: 700;
}

.jer-rating {
    font-weight: 700;
}

.jer-buy {
    color: green;
}

.jer-hold {
    color: #d69e00;
}

.jer-sell {
    color: red;
}

.jer-price,
.jer-target,
.jer-upside {
    font-weight: 600;
}


@media(max-width:768px){

    .jer-header {
        display:none;
    }


    .jer-table {
        border:none;
    }


    .jer-stock-row {

        display:block;
        background:white;
        border:1px solid #e5e5e5;
        border-radius:12px;
        padding:18px;
        margin-bottom:15px;

    }


    .jer-stock-row > div {

        display:flex;
        justify-content:space-between;
        padding:8px 0;
        border-bottom:1px solid #f0f0f0;

    }


    .jer-stock-row > div:last-child {

        border-bottom:none;

    }


    .jer-ticker {

        font-size:20px;
        font-weight:700;

    }


    .jer-rating {

        font-size:14px;

    }


}

.jer-ticker a{
    text-decoration:none;
    font-weight:700;
    color:#111;
    transition:0.2s;
}

.jer-ticker a:hover{
    color:#0073aa;
    text-decoration:underline;
}

@media (max-width:768px){

    /* Hide desktop header */
    .jer-header{
        display:none;
    }

    /* Remove outer border */
    .jer-table{
        border:none;
    }

    /* Turn each stock into a card */
    .jer-stock-row{
        display:block;
        background:#fff;
        border:1px solid #e5e5e5;
        border-radius:12px;
        padding:18px;
        margin-bottom:18px;
    }

    /* Each value becomes its own row */
    .jer-stock-row > div{
        display:flex;
        justify-content:space-between;
        align-items:center;
        padding:10px 0;
        border-bottom:1px solid #f0f0f0;
    }

    .jer-stock-row > div:last-child{
        border-bottom:none;
    }

    /* Ticker row */
    .jer-ticker{
        font-size:22px;
        font-weight:700;
    }

    .jer-ticker::before{
        content:"Stock";
        color:#888;
        font-size:13px;
        font-weight:600;
    }

    .jer-rating::before{
        content:"Rating";
        color:#888;
        font-size:13px;
        font-weight:600;
    }

    .jer-target::before{
        content:"Target Price";
        color:#888;
        font-size:13px;
        font-weight:600;
    }

    .jer-price::before{
        content:"Current Price";
        color:#888;
        font-size:13px;
        font-weight:600;
    }

    .jer-upside::before{
        content:"Upside";
        color:#888;
        font-size:13px;
        font-weight:600;
    }
}