body {
		    display: flex;
		    min-height: 100vh;
		    flex-direction: row;
		    margin: 0;
}

* {
		    box-sizing: border-box; 
}
		  
		  .col-1 {
		    background: #e7dce1;
		    flex: 1;
}
		  .col-2 {
		    display: flex;
		    flex-direction: column;
		    flex: 5;
}
		  .content {
		    display: flex;
		    flex-direction: row;
}
		  .content > article {
		    flex: 4;
		    min-height: 60vh;
}
		  header, footer {
		    background: #f088b2;
		    height: 20vh;
}
		  header, footer, article, nav {
		    padding: 1em;
}