.para-head	{
    		font-size: 120%;
    		font-weight: bold;
  			margin: 1em 0 0.5em 0;
}

ol > li::marker	{
    		font-weight: bold;
}

ol, ul, li	{
  			margin-left: 0px;
}

body {
  			font-size: 100%;
}

h1 {
            font-size: 1.8em;
            padding-top: 25px;
}

h2 {
  			font-size: 1.2em;
}

h3	{
  			font-size: 1.1em;
}

h4	{
  			font-size: 1em;
}

h5	{
  			font-size: 1em;
}

p, li {
  			font-size: 1em;
    		margin-bottom: 0.3em;
}

.navbar-brand a	{
  			display: none;
}

.container-header	{
            background-color: #ccc;
            background-image:none;
}

.card-header	{
  			display:none;
}

.container-header .container-nav	{
  			padding-bottom:0.5em;
}

img	{
            display:block;
            margin: auto;
}

.container-topbar	{
  			padding-top: 25px;
}

.container-nav	{
            position:relative;
            top: 20px;
            background-color: #1d2a5a;
}

.metismenu.mod-menu .metismenu-item	{
  			font-size: 0.8rem;
}

.container-header .metismenu>li>a:after, .container-header .metismenu>li>button:before {
   			opacity:1;
}

/* For mobile phones: */
.flex-container    {
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 10px;
}

.flex-item-left, .flex-item-right    {
            margin: 1em;
            font-size: 15px;
            color: #000080;
            border: solid #000080 0.2em;
            padding: 2em;
}

.flex-item-left	{
  			flex-shrink:1.5;
}

.flex-item-right	{
  			flex-shrink: 0.5
}

/* For tablets and desktops: */

@media (min-width: 850px) {
    
    .flex-container {
        	flex-direction:row;
	}
    .advisory    {
            margin:auto;
            column-count: 2;
            column-rule: solid 0.2em slategray;
            column-gap: 2vw;
    }
}

.grid-container {
			display: grid; 
			grid-template-columns: auto auto;
			background-color: skyblue;
			border:  skyblue solid 5px;
			gap: 5px;
    		}
.item {
	  		display: grid;
	  		padding:  10px;
	  		font-size: clamp(9px, 1.5vw, 14px);
	  		word-break:break-all;
    		background-color: aliceblue;
    		color: darkblue;
    		}
.item1	{
    		grid-column: 1 / span 2;
    		height: auto;
    		font-size: 16px;
    	}
    	
.item-head{
    		font-size: 18px;
    		color: blueviolet;
    		font-weight:  bold;
    	}

.container-component>*+*, /*This creates padding of 1em above the contents and below the menu which is displaced down by an equivatent amount*/
.container-component>:first-child,
.container-sidebar-left>*+*,
.container-sidebar-left>:first-child,
.container-sidebar-right>*+*,
.container-sidebar-right>:first-child {
 			margin-top:1em;
  			border:none;
}

.footer .grid-child	{
			padding: 1em 0 0em 0;
  			flex-direction:column;
}


.blog-items .blog-item	{
            border: 2px solid lightsteelblue;
            padding: 15px;
            border-radius: 5px;
  			font-size: 75%;
}

}

.container-sidebar-left>:first-child {
    margin-top: 3em;
    border: none;
    max-width: 400px;
    border: 1px solid black;
    padding: 2em;
}

.loginit