.container {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	}

	.c1, .c2, .c3, .c4, .c5 {
		width: 100%;
	}

	/* Small screens*/
	@media only screen and (max-width: 640px) { 
		.c2, .c3, .c4, .c5 {
			width: 50%;
		}
	} 
	/* Medium screens
	@media only screen and (min-width: 641px) { 

	} 
	*/
	@media only screen and (min-width: 641px) and (max-width: 1024px) { 
		.c1 {
			width: 60%;
		}
		.c2 {
			width: 40%;
		}
		/* Using 33.33%, doesn't always work right due to rounding */
		.c3, .c4 {
			width: 33%;
		}
		.c5 {
			width: 34%;
		}
	} 
	/* Large screens 
	@media only screen and (min-width: 1025px) { 

	} 
	*/
	@media only screen and (min-width: 1025px) and (max-width: 1440px) { 
		.container {
			width: 800px;
			margin-left: auto;
			margin-right: auto;
		}
	} 
    nav{
        background-color: beige;
    }
    nav li {
        color: black;
        display: inline;
        padding: 1%;
        font-family: 'Scheherazade New';
    }
    body{
        color: black;
        padding-left: 5%;
        padding-right: 5%;
        font-family: 'Scheherazade New';
        /*background-image: url("Unknown.png")*/
    }
    header{
        background-image: url("Unknown.png"); 
        color: white;
        text-align: center;              
    }
    h1{
        padding: 1%;
        font-size: 250%;
        font-style: bold;
        font-family: 'Bebas Neue';
    }
    table{
        text-align: left;
        /*width: 45%;
        display: inline;*/
        font-family: 'Scheherazade New';

    }
    img{
        padding: 1%;
        width: 50%;
    }
    footer{
        background-color: beige;  
        text-align: center;                   
    }
/*
    tr{
        padding: 1%;
    }
    th{
        padding: 1%;
    }
    td{
        padding: 1%;
    }
    tbody{
        width: 95%;
    }
     img{
        max-width: 25%;
    }
    */