@charset "UTF-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
}

body {
	background-color: yellow;
}


h1,h2,h3,h4,h5,h6{
	display: none;
}



/* here is my styles for mobile */

  @media screen and (max-width: 479px) {

  	section#mobile-screen{
  		width: 375px;
  		height: 627px;
  		background-color:red;
  	}

  	h1{
  		display: block;
  	}
  }

/* here is my styles for phablets */

   @media screen and (min-width: 480px) and (max-width: 767px){

    section#phablet-screen{
  		width: 480px;
  		height: 768px;
  		background-color:orange;
  	}	

  	h2{
  		display: block;
  	}

   }


/* here is my styles for tablets */

@media screen and (min-width: 769px) and (max-width: 1365px){

    section#tablet-screen{
  		width: 769px;
  		height: 1365px;
  		background-color:blue;
  	}
   h3{
  		display: block;
  	}

  }

/* here is my styles for laptops */

@media screen and (min-width: 1366px) {

    section#laptop-screen{
  		width: 1366px;
  		height: 1920px;
  		background-color:blue;
  	}
   h4{
  		display: block;
  	}

  }

/* here is my styles for desktops */

@media screen and (min-width: 1920px) {

    section#desktop-screen{
  		width: 1920px;
  		height: 7080px;
  		background-color:green;
  	}
   h5{
  		display: block;
  	}

  }