.c {
           font-weight: normal;
       }
       
       .question {
           font-weight: bold;
       }
       
       .options {
           font-weight: normal;
       }
       
       #logo {
           padding: 0px 0px 0px 0px;
       }
       
       .cont {
           float: left;
       }
       
       #sidebar .well {
           width: 75%;
       }
       
       .sidenav {
           transition: 0.5s;
           padding-top: 60px;
           display: -webkit-flex;
           display: flex;
           flex-direction: column;
           align-items: center;
           justify-content: center;
       }
       
       .sidenav a {
           padding: 8px 15px 8px 15px;
           text-decoration: none;
           font-size: 25px;
           color: #020c31;
           display: block;
           transition: 0.3s;
       }
       
       .sidenav a:hover,
       .offcanvas a:focus {
           color: #0c4ade;
       }
       
       @media screen and (max-width: 1150px) {
           .sidenav a {
               font-size: 18px;
               padding: 5px;
           }
       }
       
       @media screen and (max-width: 768px) {
           #logo {
               max-width: 33%;
               float: left;
           }
           #navmenu {
               float: left;
           }
           .sidenav {
               float: left;
               position: relative;
           }
           .sidenav a {
               font-size: 15px;
               padding: 5px;
           }
           .quiz {
               float: left;
               position: relative;
           }
       }
       
       .btn {
           -webkit-transition-duration: 0.4s;
           /* Safari */
           transition-duration: 0.4s;
       }
       
       .btn:hover {
           background-color: #194450;
           color: white;
       }
       
       .row {
           padding-bottom: 20px;
       }
       
       .affix {
           top: 20px;
       }
       
       footer {
           border-top-style: solid;
           border-top: thick single #020c31;
           text-align: right;
           padding: 2px;
           position: fixed;
           bottom: 0;
           left: 0;
           right: 0;
       }
       
       * {
           box-sizing: border-box
       }
       
       body {
           margin-bottom: 50px;
       }
       
       .mySlides {
           display: none
       }
       /* Slideshow container */
       
       .slideshow-container {
           max-width: 100%;
           position: relative;
           margin: auto;
       }
       /* Next & previous buttons */
       
       .p,
       .n {
           cursor: pointer;
           position: absolute;
           top: 70%;
           width: auto;
           padding: 10px;
           margin-top: -22px;
           margin-left: -20px;
           margin-right: -5px;
           color: black;
           font-weight: bold;
           font-size: 22px;
           transition: 0.6s ease;
           border-radius: 0 3px 3px 0;
       }
       /* Position the "next button" to the right */
       
       .n {
           right: 0;
           border-radius: 3px 0 0 3px;
       }
       /* On hover, add a black background color with a little bit see-through */
       
       .p:hover,
       .n:hover {
           background-color: rgba(0, 0, 0, 0.8);
       }
       /* Caption text */
       /* Number text (1/3 etc) */
       
       .numbertext {
           color: #000000;
           font-size: 12px;
           padding: 8px 12px;
           position: absolute;
           top: 0;
       }
       
       #inbox {
           border-radius: 20px;
       }
       /* The dots/bullets/indicators */
       
       .dot {
           cursor: pointer;
           height: 13px;
           width: 13px;
           margin: 0 2px;
           background-color: #bbb;
           border-radius: 50%;
           display: inline-block;
           transition: background-color 0.6s ease;
       }
       
       .ac,
       .dot:hover {
           background-color: #717171;
       }
       /* Fading animation */
       
       .f {
           -webkit-animation-name: fade;
           -webkit-animation-duration: 1.5s;
           animation-name: fade;
           animation-duration: 1.5s;
       }
       
       @-webkit-keyframes fade {
           from {
               opacity: .4
           }
           to {
               opacity: 1
           }
       }
       
       @keyframes fade {
           from {
               opacity: .4
           }
           to {
               opacity: 1
           }
       }
       /* On smaller screens, decrease text size */
       
       @media only screen and (max-width: 300px) {
           .p,
           .n {
               font-size: 11px
           }
       }
       
       .demoform input[type="text"],
       .demoform input[type="text"],
       .demoform input[type="email"],
       .demoform input[type="search"],
       .demoform textarea {
           width: 100%;
           min-width: 100%;
           box-sizing: border-box;
           padding: 4px;
           outline: none;
           border-color: transparent;
       }