body{
	background-color: skyblue;
}

h1{
	font-size: 120pt;
	color: navy;
	font-family: futura;
}

section{
	column-count: 3;
	font-size: 24;
}

/* HERE IS MY BREAKPOINT FOR TABLETS*/
	@media screen and (max-width: 1200px){
		body{
			background-color: beige;
		}

		h1{
			font-size: 100pt;
		}

		section{
			column-count: 2;
		}


	}

/*HERE IS MY BREAKPOINT FOR SMARTPHONES*/


	@media screen and (max-width: 600px){
		body{
			background-color: hotpink;
		}

		h1{
			font-size: 50pt;
		}

		section{
			column-count: 1;
		}
	}