/*this is the css file whose */
*{
	margin: 0 auto;
	padding: 0;
	border:0;
}
body{
	background-color: #2eb82e;
}
h1{
margin-left: 25%;
margin-top: 20%;
color: #fff;
font-size: 5em;
}
p{

}
/* Extra small devices (phones, up to 480px) */
@media screen and (max-width: 767px) 
{
	/*h1{
		margin: 30% 20%;
		font-size: 2em;
	}*/
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px)
 {
	h1{
		margin-left:15%;
		margin-top: 70%;
		font-size: 4em;
	}
 }

/* tablets/desktops and up  */
@media (min-width: 992px) and (max-width: 1199px) {...}

/* large like desktops and up */
@media screen and (min-width: 1200px) {...}