codebreaker.css

*{
   				box-sizing: border-box;
}

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

.col-1 {
				width: 35%;
}


.col-2 {
				width: 35%;
				
}


.col-3 {
				width: 30%;
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="col-"] {
        width: 100%;
    }
}

table {
				
				background-color:#bc9f7e;
				border: 0.05em solid black;
}

td {
   				width: 2em;
   				height: 1.25em;
				text-align: center;
				border: 0.05em solid black;
				border-collapse: collapse;
				color: #91775A;
}

#header {
				text-align: center;
				font-family: 'Michroma', sans-serif;
}


img {
				
				height: 1.25em;
				width: 2em;
}


.c5 	{
				width: 5em;
}


th		{
				height: 2em;
				font-family: 'Michroma', sans-serif;
				color: #91775a;
}

#reset	{
				display: none;
}