@media(max-width: 950px) {
        #menu {
            flex-basis: 40%;
        }
        .logo {
            flex-basis: 40%;
        }
    }
    
    @media(max-width: 635px) {
        #menu {
            flex-basis: 50%;
        }
        .logo {
            flex-basis: 30%;
        }
    }
    
    @media(max-width: 599px) {
        #header {
            height: 71px;
        }
        .logo {
            flex-basis: 100%;
            text-align: center;
        }
        #menu {
            flex-basis: 100%;
            margin-right: 0px;
            height: 100%;
        }
        #menu ul {
            margin: 0px auto;
            justify-content: space-around;
            padding-right: 0px;
            align-items: flex-start;
        }
        #footer .info {
            font-size: 12px;
        }
    }
    
    @media(max-width: 510px) {
        #footer .logo {
            order: 1;
            flex-basis: 100%;
            text-align: center;
        }
        #footer .info {
            order: 2;
            flex-basis: 100%;
            text-align: center;
        }
    }
    
    @media(max-width: 499px) {
        #content {
            flex-direction: column;
            flex-wrap: wrap;
        }
        #sidebar {
            flex-basis: 100%;
            margin: 0px;
        }
        #sidebar ul {
            display: flex;
            flex-flow: row wrap;
            justify-content: space-around;
        }
        #sidebar ul li {
            flex-grow: 1;
            margin-left: 5px;
            margin-right: 5px;
        }
        #projects {
            flex-basis: 100%;
        }
        .project {
            margin-right: 5px;
            margin-left: 5px;
        }
    }