/* Common Classes */
.flex-fully-centered{display: flex; justify-content: center; align-items: center;}
.flex-row-wrap{display: flex; flex-flow: row wrap;}
.flex-column-wrap{display: flex; flex-flow: column wrap;}
.flex-horizontal-centered-column-wrap{display: flex; flex-flow: column wrap; justify-content: center;}
.link-style-removed{text-decoration: none; cursor: pointer;}
.cursor-pointer-class{cursor: pointer;}
.code-format{background-color: rgb(201, 201, 201); font-family: monospace; padding: 20px; margin: 20px 2px; white-space: nowrap; overflow-x: auto;}
.blog-title-header{font-size: 35px; margin: 20px 0px;}
.blog-published-date{font-size: 13px; margin: 3px 5px;}
.blog-main-text{font-size: 15px; margin: 20px 5px; line-height: 2.3;}
.blog-subheadings{font-size: 22px; font-weight: 400;}

/* Common media queries for the above classes */
@media (max-width: 800px) and (min-width: 601px){
    .blog-title-header{font-size: 33px;}
    .blog-main-text{line-height: 2.2;}
    .blog-subheadings{font-size: 21px;}
}
@media (max-width: 600px) and (min-width: 501px){
    .blog-title-header{font-size: 31px;}
    .blog-published-date{font-size: 12px;}
    .blog-main-text{line-height: 2.1;}
    .blog-subheadings{font-size: 21px;}
}
@media (max-width: 500px) and (min-width: 401px){
    .blog-title-header{font-size: 30px; }
    .blog-published-date{font-size: 12px;}
    .blog-main-text{line-height: 2;}
    .blog-subheadings{font-size: 21px;}
}
@media (max-width: 400px) and (min-width: 301px){
    .blog-title-header{font-size: 25px;}
    .blog-published-date{font-size: 11px;}
    .blog-main-text{font-size: 13px; line-height: 1.8;}
    .blog-subheadings{font-size: 19px;}

}
@media (max-width: 300px) and (min-width: 201px){
    .blog-title-header{font-size: 22px; }
    .blog-published-date{font-size: 11px;}
    .blog-main-text{font-size: 12px; line-height: 1.7;}
    .blog-subheadings{font-size: 18px;}
}
@media (max-width: 200px){
    .blog-title-header{font-size: 20px; }
    .blog-published-date{font-size: 8px;}
    .blog-main-text{font-size: 10px; line-height: 1.5;}
    .blog-subheadings{font-size: 15px;}
}