@media screen and (min-width: 960px) and (max-width: 3000px)
{
}
@media screen and (min-width: 768px) and (max-width: 959px)
{
}
@media screen and (min-width: 480px) and (max-width: 767px)
{
}
@media screen and (min-width: 0px) and (max-width: 479px)
{
}
</style>
</head>
<body>
<div id="container">
<div id="left"><h1>All About Responsive</h1>
<P><img src="http://mooseloose.com/helenkeller.jpg" width="220" height="252" alt=""/>This is the Responsive page and you are looking at filler Text. It will be replaced when content is received. Duis interdum egestas ante et imperdiet. Cras felis odio, pretium et lobortis ac, dapibus eu velit. Pellentesque vehicula porta scelerisque. Vivamus 2015/02/17-15:50 nec ligula est. Suspendisse Responsive ac consequat leo.</P>
<P>Aoccdrnig to a rscheearch at an Elingsh uinervtisy, it deosn't mttaer in waht oredr the ltteers in a wrod are, the olny iprmoetnt tihng is taht frist and lsat ltteer is at the rghit pclae. The rset can be a toatl mses and you can sitll raed it wouthit porbelm. Tihs is bcuseae we do not raed ervey lteter by itslef but the wrod as a wlohe.</P>
</div>
<div id="right"><h1>All About Responsive</h1>
<P>This is the Responsive page and you are looking at filler Text. It will be replaced when content is received. Duis interdum egestas ante et imperdiet. Cras felis odio, pretium et lobortis ac, dapibus eu velit. Pellentesque vehicula porta scelerisque. Vivamus 2015/02/17-15:50 nec ligula est. Suspendisse Responsive ac consequat leo.</P>
<P>Aoccdrnig to a rscheearch at an Elingsh uinervtisy, it deosn't mttaer in waht oredr the ltteers in a wrod are, the olny iprmoetnt tihng is taht frist and lsat ltteer is at the rghit pclae. The rset can be a toatl mses and you can sitll raed it wouthit porbelm. Tihs is bcuseae we do not raed ervey lteter by itslef but the wrod as a wlohe.</P>
</div>