@media screen and (min-width: 960px) and (max-width: 1023px)
{
}
@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: 380px) and (max-width: 479px)
{
}
@media screen and (min-width: 0px) and (max-width: 379px)
{
}
</style>
<div id="container">
<h1>Basic Responsive</h1>
<P>This is the Basic 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 nec ligula est. Suspendisse Basic Responsive ac consequat leo.</P>
<!---- <img src="http://www.mooseloose.com/images/moose.png" /> ---->
<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>
<h3>This Basic Responsive Page Has Been Created by GFX Scholar</h3>
<P>Donec mattis justo at Basic Responsive dolor sagittis varius iaculis ligula pretium. Morbi ornare purus sit amet Basic Responsive augue iaculis a volutpat mauris lobortis. Quisque nunc elit, euismod id vestibulum quis, laoreet vitae leo, Basic Responsive <b>2015/05/14-6:42</b> - GFX Scholar.</P>