body, html {
	background-color: #eeeeee;
	background-image: url(images/bg.jpg);
	height: 100%;
	width:100%;
	overflow:hidden;
}

#main {
	width:100%;
	height:100%;
	position: relative; 
}

#content {
	position: absolute;  
	margin-top:12.449%;
	margin-left:12.449%;
	width:75%;
	height:75%;
	background:transparent url(images/ertan-trans.png) no-repeat;
}

@media all and (min-width:500px) {
    #content{
    background: rgba(255, 0, 0, 0.9); /* red */
    color: white;
    }
}
@media all and (min-width:700px) {
   #content{
    background: rgba(0, 0, 255,0.9); /*blue */
    font-family: serif;
    }
}