body{
	 text-transform: uppercase;
}

@media only screen and (min-width: 1281px)
{
	img { width: 100%; }

}
@media only screen and (min-width: 1025px)
{
	img { width: 100%; }
}
@media only screen and (min-width: 961px)
{
	img { width: 100%; }
}
@media only screen and (min-width: 641px)
{
	img { width: 50%; }
}
@media only screen and (min-width: 481px)
{
	img { width: 50%; }
}
@media only screen and (min-width: 320px)
{
	img { width: 50%; }

}

#error
{
    text-align: center;
    color: red;
}

#divlog
{
	left:50%; /*important if you want it absolutely centred in window. */ 
  	margin-left:-200px; /* importnant. must be half the width. */
	top:25%; /*important if you want it absolutely centred in window. */ 
  	margin-top:-160px; /* importnant. must be half the width. */
	width:400px;
	height:320px;

    position:absolute;
    z-index:50001;
}

.cenmain {
    margin: auto;
    padding: 10px;
    text-align: center;
}
hr{
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}