/* Define styles for printing */
@media print {
      /* Hide all elements */
body * {
display: none !important;
}
}
body {
line-height:2;
font-family:"Bookman Old Style";
font-size:16px;
text-align:justify;
margin: 0;
padding: 20px;
}
header, footer {
background-color: #333;
color: white;
text-align: center;
padding: 10px 0;
}
nav {
background-color: #444;
padding: 15px;
height: 100%;
}
nav a {
display: block;
color: black;
padding: 0px 0;
text-decoration: none;
text-align: left;
font-size: 14px;
}
nav a:hover {
background-color: #ddd;
color: black;
}
.container {
display: flex;
min-height: 80vh;
}
.sidebar {
background-color: #f4f4f4;
padding: 20px;
max-width: 20%;
margin-left:auto; 
margin-right:auto
}
.content {
flex: 1;
padding: 20px;
}
@media screen and (max-width: 768px) {
.container {
flex-direction: column;
}

.br { 
display: block; 
margin-bottom: 0em; 
}        
.brmedium { 
display: block; 
margin-bottom: 1em; 
}        
.brlarge { 
display: block; 
margin-bottom: 2em; 
}