#mmenu {
 top:0;
 height:50px;
 display:flex;
 justify-content:flex-end;
 align-items:center;
}
 #mmenu ul{
    position:absolute;
    top:48px;
    width:100%;
    background:darkgrey;
    height:0;
    overflow:hidden;
    transition:height 1s;
 }
 #mmenu li{
  display:block;
  width:100%;
  padding:5px;
 }
#mmenu a{
 text-decoration:none;
 color:white;
 font-family:arial;
 padding:0px 10px;
 width:100%;
  display:block;
}
#mmenu label{
  display:none;
  margin-bottom: 2px;
}
#nav-button{
  display:none;
}

@media (max-width: 767px){
 #mmenu label{
  display:inline-block;
  padding:0px 10px;
  font-size:30px;
  cursor:pointer;
 }

 #mmenu label:hover{
  color:white;
 }

 #nav-button:checked ~ ul{
  height:314px;
  padding-top: 5px;
  transition: height 1s;

 }

 #mmenu li:hover{
  background:lightgrey;
 }
}

.info-block2 {
    background-color: #feeff4;
    border-left: 6px solid #e04386;
    color: #49152c;
    margin-top:3rem;
    padding: 10px 20px;
}
.info-block1 {
    background-color: #EEEEEE;
    border-left: 6px solid #e04386;
    /*color: #49152c;*/
    padding: 10px 20px;
}

#content {
	margin-left: 250px;
	width: calc(100% - 250px);
	transition: all 0.3s ease;
}

.content-box {
    margin: 1rem;
    border: 1px solid lightgray;
    padding: 1.5rem 2rem;
}

.sidebar {
    /*background-color: #6c757d !important;*/
    margin-left: -15px;
    height: 92.4vh !important;
    min-height: 100%;
    position: fixed;
}

@media (max-width: 768px){
    #content{
        margin-left: 0px;
        width: 100%;
    }

    .sidebar{
        display: none;
    }

   .content-box {
       /*width: 100%;*/
       margin: 0px;
       padding: 1rem;
       border: none;
   }
}

.sidebar .sidebar-list {
    /*position: absolute;*/
    top: 8%;
    left: 40px;
}

.sidebar .navbar-nav li a {
    color: #333333;
    /*border-bottom: 1px solid #959696; */
    padding: .5rem .7rem;
}
.sidebar .navbar-nav li a:hover{
    color: #0000FF;
    background-color: #EEEEEE;
}

.menu {
    font-size: 1.1rem;
    cursor: pointer;
    padding: .4rem .7rem;
}
.menu:hover {
    background-color: #EEEEEE !important;
    text-decoration: none;
}
.menu.open {
    background-color: #DDDDDD;
    border-bottom: 1px solid #959696;
    border-radius: .25rem;
}
.menu a {
    padding: 0 !important;
}
.menu a:hover {
    text-decoration: none;
}

.scrollup{width:40px; height:40px; opacity:0.3; position:fixed; bottom:50px; right:40px; display:none; text-indent:-9999px; background: url('img/icon_top.png') no-repeat;}
@media screen and (max-width:680px) {.scrollup { right:15px; bottom:80px;}}