#blog-container {
    color: #000000;
}

#blog-header {
    padding-top: 32px;
    padding-bottom: 32px;
}

#blog-header-title {
    font-size: 42px;
    line-height: 53px;
    font-family: var(--rakuten-sans-bold);
}

#blog-header-author, .blog-content, #blog-container li {
    font-size: 20px;
    line-height: 25px;
}

#blog-container a {
    word-wrap: break-word;
    color: rgb(var(--bs-link-color-rgb));
}

#blog-header-author a, #blog-footer a {
    color: #000000;
}

.blog-content {
    margin-bottom:12px;
}
#blog-content a {
    word-wrap: break-word;
}

#blog-cover-image {
    width: 100%;
    margin-bottom: 16px;
}

ol > li {
    font-size:20px;
}

.blog-heading {
    font-size: 30px;
    line-height: 37px;
    font-family: var(--rakuten-sans-bold);
    margin: 16px 0;
}
.blog-image {
    padding-top:1rem;
    display:block;
    margin: 0 auto;
}
.image-description {
    padding-bottom:1rem;
    text-align:center;
}
.quote-container {
    font-size: 20px;
    line-height: 30px;
    font-family: var(--rakuten-sans-bold);
    margin: 8px 0;
}

.blog-subheading {
    font-size: 24px;
    line-height: 30px;
    font-family: var(--rakuten-sans-semibold);
    margin: 8px 0;
}

#ul-subheading {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#ul-subheading > li {
    counter-increment: step-counter;
    margin-bottom: 5px;
    display: flex;
}
#ul-subheading > li::before {
    content: counter(step-counter) ".";
    font-size: 24px;
    line-height: 30px;
    font-family: var(--rakuten-sans-semibold);
}
#blog-container li div {
    padding-left: 16px;
}
.font-list{
    font-family: var(--rakuten-sans-bold);
    font-size: 20px;
}

.list-items{
    font-family: var(--rakuten-sans-bold);
    font-size: 24px;
    list-style-position: outside;
}

#blog-footer {
    align-items: center;
    margin: 32px 0;
}

#blog-footer a {
    margin-bottom: 8px;
}

#blog-footer .blog-heading {
    padding-bottom: 16px;
}

#blog-footer-author-image {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    margin-right: 16px;
}
.color-red{
    color: #BF0000;
}

.table-container {
    overflow-x: auto;
    border: 1px solid #ddd;
    border-radius: 5px;
}
table {
    width: 100%;
    border-collapse: collapse;
}
th, td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}
th {
    background-color: #f4f4f4;
}
tr:nth-child(even) {
    background-color: #f9f9f9;
}
tr:hover {
    background-color: #f1f1f1;
}

@media (min-width: 576px) {
 #blog-footer {
    margin: 64px 0;
  }
}

@media (min-width: 768px) {

}

@media (min-width: 992px) {
    .blog-image {
        height:400px;
        width:auto;
    }
}

@media (min-width: 1200px) {
    
}

@media (min-width: 1400px) {
    
}

@media (min-width: 1600px) {
    
}