body {background-color: #FFF; font-size: 1.0rem; font-family:"Open Sans", Calibri, sans-serif;  }
h1{font-size: 1.4rem; font-weight: bold;}
h2{font-size: 1.2rem; font-weight: bold;}
h3{font-size: 1.0rem; font-weight: bold;}
p{font-size: 1.0rem; line-height: 180%;}
ul>li{font-size: 1.0rem; line-height: 180%;}

#top{background-color: #273884; color: #FFF; padding-top: 0.5rem; padding-bottom: 0.5rem;}
#top a:link, #top a:visited{color: #FFF;}

.navbar-brand img{max-width: 15rem;}
.navbar-legend{background-color: #FFF !important; margin: 0.8rem 0;}
.navbar-legend .nav-link{color: #000 !important; font-size: 1.2rem; font-weight: bold;}
.navbar-legend .dropdown-item{font-size: 1rem;}

#footer-links{background: #0A0A0A; color: #FFF; padding-top: 1rem; padding-bottom: 2rem;}
#footer-links a:link, #footer-links a:visited{color: #FFF;}
#footer-links ul>li {line-height: 200%;}

#footer{background-color: #000; color: #FFF; padding-top: 0.5rem; padding-bottom: 0.5rem;}
#footer a:link, #footer a:visited{color: #FFF;}

.blog_content {margin-top: 2rem;}
.blog_content a:link, .blog_content a:visited{text-decoration: underline; color: blue;}
.blog_content p{line-height: 180%;}
.blog_content img {width: 100%; height: auto;}
.blog_content table {width: 100%;}
.blog_content table td {border: 0.1rem solid #ccc; padding: 0.5rem;}
.blog_content video {width: 100%;}

@media (max-width: 767px) {
    .blog_content img{
        width: 90%;
        display: block;
        margin: 2rem auto;
    }
    .blog_content p{
        font-size: 1.2rem;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-legend .nav-item{
    	margin-left: 0;
    }
    .navbar-legend .nav-link{
    	font-size: 0.8rem;
    }
    .navbar-brand img{
        max-width: 10rem;
    }
    .blog_content img{
        width: 70%;
        display: block;
        margin: 2rem auto;
    }
}	

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-legend .nav-item{
    	margin-left: 0.3rem;
    }
    .navbar-legend .nav-link{
        font-size: 1rem;
    }
    .blog_content img{
        width: 60%;
        display: block;
        margin: 2rem auto;
    }
}

@media (min-width: 1200px) {
    .navbar-legend .nav-item{
    	margin-left: 1rem;
    }
    .blog_content img{
        width: 50%;
        display: block;
        margin: 2rem auto;
    }
}