* {
    box-sizing: border-box;
    font-family: 'Raleway', sans-serif;
}

[class*="col-"] {
    float: left;
    padding: 10px;
    border: 0px solid red;
}

.row::after {
    content: "";
    clear: both;
    display: table;
}

/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}

.filler {
	height: 1px;
	padding: 0;
}

@media only screen and (min-width: 600px) {
    /* For tablets: */
	.col-m-1 {width: 8.33%;}
	.col-m-2 {width: 16.66%;}
	.col-m-3 {width: 25%;}
	.col-m-4 {width: 33.33%;}
	.col-m-5 {width: 41.66%;}
	.col-m-6 {width: 50%;}
	.col-m-7 {width: 58.33%;}
	.col-m-8 {width: 66.66%;}
	.col-m-9 {width: 75%;}
	.col-m-10 {width: 83.33%;}
	.col-m-11 {width: 91.66%;}
	.col-m-12 {width: 100%;}
}

@media only screen and (min-width: 768px) {
    /* For desktop: */
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}

}


h1, h2, h3, h4 {

	text-align: center;
}

h1 {
    font-size: 50px;
}


header, footer {
	text-align: center;
	background: rgba(130,90,75,0.59);
	color: #000;
	padding: 20px;
}

header {
	border-radius: 20px 20px 0 0;
}

footer {
	border-radius: 0 0 20px 20px;
}

a {
	color:#577718;
	text-decoration: none;
	text-style: italic;
	font-weight: bold;
}

nav {
	padding: 5px;
	background: rgba(228,167,145,0.44);
	color: #303c18;
	text-align: center;
}

nav a {
	color: #303c18;
}
table {
	border: 2px solid #000;
	border-collapse: collapse;
	margin: auto;
	width: 100%;
}

.categoryTable {
	width: 100%; 
}

th  {
	border: 1px solid #000;
	background-color: #5ce886;
	text-align: left;
	padding: 3px;
}

td  {
	border: 1px solid #000;
	text-align: left;
	padding: 3px;
}

tr:nth-child(even) {
	background-color: #eee;
}

tr:hover {
	background-color: #ddd;
}

.number {
	text-align: right;
}

img {
    max-width: 100%;
    height: auto;
}

.error {
	color: #f00;
	font-style: italic;
}

body{

background-image: url(../images/backG.jpg);

background-repeat: no-repeat;

background-color: #000;

background-size:cover;

}