
.body1 {font-size: 10px; color:#3333ff; padding: 9px; 
background: -webkit-gradient(linear, left top, left bottom, from(#ffa500), to(#ffffd6)); /* for webkit browsers */
background: -moz-linear-gradient(top, #ffa500, #ffffd6); /* for firefox 3.6+ */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa500', endColorstr='#ffffd6'); /* for IE */ 
overflow: auto; text-align: center;
} /* Set 1em to 16 pixels */

p {margin-top: .5em; font-size: 1em;
}

.drag-handle{ /*Overwrite default drag handle bar background color with below*/
background-color: #03277C;
}

#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
background: black url(blackdot.gif);
width: 10px;
left: 0;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;
}

@media screen and (min-device-width:320px)
and (max-device-width:480px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio:2){
.media1 {font-size: 15px; color:#ffffff; padding: 9px; margin:auto; background:#ffa500; 
overflow: auto; text-align: center; 
position:fixed;
top:50%;
left:50%;
z-index: 115}
}

@media screen and (min-width:1200px){
#container{width:1100px;}  
header h1#logo a{width:1100px;height:150px;background:url(../img/bg.gif) no-repeat 0 0;}                          
}

<!--mobile phone display-->
@media screen and (max-width:767px){
#container{width:320px;} 
header h1#logo a{width:320px;height:44px;background:url(../img/bg.gif) no-repeat 0 0;}                           
}

@media screen and (max-width:360px) and (orientation: portrait){
#container{width:320px;} 
header h1#logo a{width:320px;height:44px;background:url(../img/bg.gif) no-repeat 0 0;}                           
}

img {
max-width:100%;
margin:0px 0;
}

@media screen and (min-width:1200px){
img {max-width:100%;}
}

@media screen and (min-width:360px){
img {max-width:100%;}
}

@media screen and (max-width:100%){
img {max-width:100%;}
}

.img1 {align: center; width:723px; height:388px; margin-top:39px; margin-bottom:5px; margin-left:5px; 
border:hidden; border-color:#000000; background: #ffa500; 
}

.content {
position: relative;
font: 21px/1.8 Georgia, Times, sans-serif;
z-index: 99999;
text-align: center;
margin:0 auto;
overflow: auto;
padding: 5px; 20px; 13px; 20px;
}



