body {margin:0 }
#wrapper { margin:auto; width:992px }
	.phone {background-color:rgba(247,131,243,1.00); padding:10px}
	.tablet { background-color:rgba(48,60,236,1.00); padding:10px}
	.tablet h1 { color:white }
	.desktop { background-color:rgba(137,183,159,1.00); padding:10px; max-width:992px }
	.desktop h1 { color:black }
    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
      .tablet {display:none}
		.desktop {display:none} 
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
 
		.tablet {display:none}
		.desktop {display:none}
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
		.phone {display:none}
	
		.tablet {display:block}
		.desktop {display:none}
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
		.phone { display:none }
		.tablet { display:none }
		.desktop {display:block} 
		
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }