/*Menu*/
.burger-container {
    display: inline-block;
    cursor: pointer;
}

/* Fade out the second bar */
.change .bar2 {
    opacity: 0;
}

.sidenav {
    /*height: 100%;*/ /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    /*top: 0;*/ /* Stay at the top */
    right: 0;
    background-color: white;    
    box-shadow: 0 1vw 1vw 0 rgba(0,0,0,0.2);
    overflow-x: hidden; /* Disable horizontal scroll */
    /*padding-top: 60px;*/ /* Place content 60px from the top */
    transition: 0.4s; /* 0.5 second transition effect to slide in the sidenav */
    text-align: center;
}

/* The navigation menu links */
.sidenav a {
    /*padding: 8px 8px 8px 32px;*/
    text-decoration: none;
    /*font-size: 25px;*/
    color: black;
    display: block;
    transition: 0.3s;
    text-transform: uppercase;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
    color: #818181;
}

.show{
	width: 100vw;
}


/*PROGRESS BAR*/
.prog-bar {
    width: 0%;
    background-color: #C7D9CB;
}

div.right .prog-bar{
    float:right;
    text-align: right;
    padding-right: 1vw;
}

div.left .prog-bar{
    float:left;
    text-align: left;
    padding-left: 1vw;
}


div.about-div .prog-bar{
    /*float:left;*/
}