@import url('https://fonts.googleapis.com/css2?family=SUSE:wght@100..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Carlito:ital,wght@0,400;0,700;1,400;1,700&display=swap');
html,body {font-family: "Carlito", Calibri, sans-serif;}
h1,h2,h3,h4,h5 {font-family: "SUSE", Calibri, sans-serif; font-weight: bold; }
.w3-sidenav a { padding: 8px 16px; font-weight:bold }
h1, h2 { font-weight: bold; }
p, a, li { font-size: 18px; }
h3 { font-size: 19px }
h4 { font-size: 17px; font-weight: bold }
p { line-height: 1.618; }
nav a { border-top: 1px solid #ddd; }
nav a:last-child { border-bottom: 1px solid #ddd; }
nav a:hover { background-color: #f3f3f3!important; }
ul li a { color: #1768b3; text-decoration: none }
a { color: #1768b3;  }
a:hover { text-decoration:underline }
h2 { font-size: 22px; color:#06c; padding: 4px; height: auto; width:70%; background-color: #ebf5ff; 
background: -webkit-linear-gradient(left,#ebf5ff,#fff); background: -o-linear-gradient(right,#ebf5ff,#fff); background: -moz-linear-gradient(right,#ebf5ff,#fff); background: linear-gradient(to right,#ebf5ff,#fff); }
.content_board { max-width: 920px; text-align: justify; padding-left: 16px; margin-bottom: 48px; }
h4 { font-size: 16px; margin-left:15px; color:#06c; padding: 4px; height: auto; width:70%; background-color: #ebf5ff; 
background: -webkit-linear-gradient(left,#ebf5ff,#fff); background: -o-linear-gradient(right,#ebf5ff,#fff); background: -moz-linear-gradient(right,#ebf5ff,#fff); background: linear-gradient(to right,#ebf5ff,#fff); }
.content_board { max-width: 920px; text-align: justify; padding-left: 16px; margin-bottom: 48px; }