#blazor-error-ui {
    display: none;
}

div.div-as-table {
    display: table;
    width: 100%;
}

    div.div-as-table > div.div-as-table-row {
        display: table-row;
    }

        div.div-as-table > div.div-as-table-row > div.div-as-table-cell {
            display: table-cell;
            vertical-align: top;
        }

        div.div-as-table > div.div-as-table-row > div.div-as-table-cell.flex {
            width: auto;
        }
        div.div-as-table > div.div-as-table-row > div.div-as-table-cell.info {
            width: 475px;
        }
        div.div-as-table > div.div-as-table-row > div.div-as-table-cell.iframe {
            width: 950px;
        }

            div.div-as-table > div.div-as-table-row > div.div-as-table-cell > iframe {
                border: none;
                width: 950px;
                height: 2100px;
                /*border: solid 10px red;*/
            }

html, body {
    margin: 0;
    padding: 0;
    font-family: Verdana;
}

div.page-header {
    display: block;
    background-color: #196660;
    text-align: center;
    padding: 20px;
    color: #fff;
}

    div.page-header a {
        text-decoration: none;
        color: #fff;
    }

        div.page-header a.strong {
            text-decoration: none;
            color: #fff;
            font-weight: bold;
        }

        div.page-header a:hover {
            color: #ff0;
        }

        div.page-header a:hover {
            color: #ff0;
        }


div.bike-info-col {
    display: block;
    width: 100%;
    max-width: 473px;
    font-weight: normal;
}

div.bike-info-col span.info-text {
    display: block;
    margin: 0;
    padding: 0;
    padding-left: 10px;
    line-height: 14px;
    font-size: 13px;
}

div.bike-info-col span.bike-name {
    display: block;
    text-align: left;
    font-weight: bold;
    margin-top: 10px;
    font-size: 16px;
}

div.bike-info-col span.info-block {
    display: block;
    text-align: left;
    margin-top: 15px;
}

@media (max-width: 768px) {
    div.div-as-table {
        display: block;
    }

        div.div-as-table > div.div-as-table-row {
            display: block;
        }

            div.div-as-table > div.div-as-table-row > div.div-as-table-cell {
                display: block;
                width: 500px !important;
            }

                div.div-as-table > div.div-as-table-row > div.div-as-table-cell > iframe {
                    width: 500px !important;
                    max-width: none;
                    height: 5000px;
                }
}