body {
	background-color: cyan;
}
#title {
	background-color: yellow;
  text-align: center;
}
#content {
	background-color: magenta;
  padding: 0.5em;
}
#col1 {
	background-color: lightgreen;
  margin: 0.5em;
}
#col2 {
	background-color: lightpink;
  margin: 0.5em;
}
#col3 {
	background-color: gray;
  margin: 0.5em;
}
#footer {
	background-color: crimson;
  text-align: center;
}

/*
Common Breakpoints:
small - 576px
medium - 768px
large - 992px
extra - 1200px
*/
@media screen and (min-width: 768px) {
  #title {
  	text-align: right;
    background-color: wheat;
  }
  #content {
  	display: flex;
    flex-direction: row;
  }
}