@import url('https://fonts.googleapis.com/css?family=Oxygen:300,400,700');


.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 47px; font-family: 'Oxygen', sans-serif!important;box-shadow: 3px 0 7px -5px #333;
}

.sidenav a {
  padding: 10px 8px 10px 32px;
  text-decoration: none;
  font-size: 20px;
  color: #1b5fb0;
  display: block;  font-weight: 300;
  transition: 0.3s; border-top: 1px solid #ececec;
}



.sidenav a:hover {
  color: #d71635;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  left: 73%;
  font-size: 15px; 
   color: #444444;
}


.dropdown-btn {
  padding: 10px 8px 10px 32px;
  text-decoration: none;
  font-size: 20px;
  color: #1b5fb0;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none; font-weight: 300; font-family: 'Oxygen', sans-serif!important;
  border-top: 1px solid #ececec; 
}

/* On mouse-over */
.dropdown-btn:hover {
  color: #d71635;
}

/* Main content */
.main {
  margin-left: 200px; 
  font-size: 20px; 
  padding: 0px 10px;
}


.dropdown-container {
  display: none;
  padding-left: 8px;
}

.fa-caret-down {
  float: right;
  padding-right: 8px;
}

.dropdown-container a { border: 0; font-size: 15px; color: #444444; font-family: 'Oxygen', sans-serif!important; line-height: 15px; }
.dropdown-container a:hover { color: #d71635; }
.dropdown-container .submenu { border: 0; font-size: 18px!important; color: #444444;   }




@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}