body {
			margin: 0;
			padding: 0;
		}
		
		.row {
			display: flex;
			flex-wrap: wrap;
		}
		
		.header {
			/*font-weight: bold;*/
			padding: 10px;
			box-sizing: border-box;
			flex-basis: 100%;
		}
		
		.menu {
			font-weight: bold;
		}
		
		.col-8 {
			flex-basis: 66.666%;
			padding: 20px;
			box-sizing: border-box;
		}
		
		.col-4 {
			flex-basis: 33.333%;
			padding: 20px;
			box-sizing: border-box;
		}
		
		.footer {
			padding: 10px;
			box-sizing: border-box;
			flex-basis: 100%;
			margin-top: auto;
		}
		
		@media screen and (max-width: 768px) {
			.row {
				flex-direction: column;
			}
			
			.col-8, .col-4, .header, .footer {
				flex-basis: 100%;
			}
		}