html, body {
    margin:0; 
    padding:0;
    /* font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    /* font-family: "Montserrat", sans-serif; */
    

}
.w3-sidebar a {font-family: "Roboto", sans-serif}
nav, head, h1, h2, h3, h4, h5, h6, .w3-wide {
  
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    /* font-family: "Montserrat", sans-serif; */

}



div.body   {
    width:100%;
    max-width:1200px;
    background-color: #1d6f8f;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: ;
    margin: auto;
    display: flex;
 }

 div.leftside   {
    width:30%;
    height:100%;
    float:left;
    color:#fff;
    text-align: center;
    
 }

 div.leftside a,
    div.leftside a:visited,
    div.leftside a:hover  {
    color:#fff !important;
 }

 div.rightside   {
    width:100%;
    height:100%;
    float:left;
    background-color:#fff;
 }

 div.leftsidecontent {
    padding:3em;
 }

 div.rightsidecontent {
    padding:3em;
 }

 .pushContent{
   transition: margin .1s linear;
 }

 h3 {margin-top:1em;}

 nav.w3-sidebar {background-color: #1d6f8f;}
 header {background-color: #1d6f8f;}