media.css

   	@media screen and (max-width: 1024px) {
   		body {
   			font-weight: normal;
   		}
	}

	@media screen and (max-width: 768px) {
		body {
			font-weight: bold;
		}

    	nav ul li {
    		margin-left: 0;
    		width: 100%;
    		height: 25px;
    		line-height: 25px;
    		font-size: 20px;
    		
    	}

        .project-divs {
            width: 45%;
        }

		
	}

	@media screen and (max-width: 480px) {
		nav {
    		width: 100%;
    	}

    	nav ul li {
    		margin:0 auto;
    		width: 100%;
    		height: 25px;
    		line-height: 25px;
    		font-size: 20px;
    		background-color: hotpink; /*Hidious*/
    		color: yellow; /*Also Hidious*/
    	}
    	body {
    		font-weight: bolder;
    	}

    	.p-left, .p-right {
    		margin:0 auto;
    	}

        .project-divs {
            width: 100%;
        }
	}