body {
    padding-top: 50px;
    padding-bottom: 20px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size:14px;
}
.navbar{
	background-color: hsla(210,100%,20%,1);
}
/*Override Bootstap defaults*/
.navbar-inverse {
    background-color: hsla(210,100%,20%,1);
}

/*.navbar-toggle {
    padding: 0px 5px;
}*/

.navbar-fixed-top {
    /* Corrected the problem of the Navbar menu icon on mobiles jumping off the screen, by setting all the <p> and <h*> elements
        in the recurrsion.css to "overflow-wrap:break-word". Many headers and <p>s had long lines of text without a space.
    right: unset; 

    */
}
/*.navbar-collapse {
    background-color: hsla(210,100%,20%,1);
}*/

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.navbar-brand{
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
.col-md-4 h3{
    background-color:darkorange;
    text-align:center;
    padding:5px;
}
footer hr{
    margin:0px;
}
#myCarousel {
    width: 600px;
    margin: auto;
    margin-top: 5px;
}
@media screen and (max-width: 400px) {
    #myCarousel {
        width: 100%;
        padding: 1px 1px 1px 1px;
        display: inline-block;
        /*background-image:url("/NewsContent/image/ryugu/HayabusaSurfaceHE.jpg");
        background-repeat:no-repeat;*/
    }
    body{
        width:100%;
    }
    .body>.container,.body-content{
        padding:0px 5px;
    }
}