body {
    font-size: 17px;
}

.active-link {
    color: #000;
}
.menubar {
        position: ;
        width: 90%;
        z-index: 5;
        margin: 20px 5%;
    }
nav {
    width: 100%;
}

.toggle {
        display: block;
    }
    ul
    {
        width:100%;
        color: #fff;
        background-color: #222;
        margin: 0;
        padding: 5px;
        display: none;
    }
    ul li
    {
        display: block;
        text-align: center;
    }
    .projects_title {
        color: #fff;
    }
    
    a:link {
    color: #999;
	text-decoration: none;
}

.images {
    text-align: center;
}

/* visited link */
a:visited {
color: #999;
	text-decoration: none;
	}

/* mouse over link */
a:hover {
    color: #75cdff;
	text-decoration: underline;
}

/* selected link */
a:active {
    color: #000;
	text-decoration: none;
	background: #75cdff;
}
    
    .logo
    {
        max-width: 70%;
        height: 28px;
        margin: auto;
        background-repeat: no-repeat;
        background-size: contain;
    }
    
    .info{
        padding: 10px;
        margin-left: 0;
        margin: 55px 5%;
        text-align: left;
    }
    
    .active
    {
        display: block;
    }