.mainbox {
	position:fixed;	
	width:50%;
	height:60%;
	border:medium #FFCC00 solid; 
	font-family:"Century Gothic";
	background-color:#FFE8C6;
	z-index:100;	
	color:#000099;
	top:10px;
	left:25%;

}


.title-box {
	cursor:move; 
	width:100%; 
	position:relative; 
	border-bottom:solid 1px #FF6600; 
	background-color:#F3F7FC;
	
	
}
.closeX {
	cursor:hand; 
	position:absolute; 
	right:5px; 
	top:0px;
	font-family:Wingdings;
}

.AAAadbox {
	text-align:justify;
	padding:10px; 
	font-family:"Cooper Black";
	font-size:x-large;
	line-height:35px;	
	color:#D9ECFF;
	margin-top:-20px;	
}

h2 {
	padding:10px;
	color:#FFFF00;
}



/* On screens that are 992px wide or less, the background color is blue */
@media screen and (max-width: 992px) {
   
 .mainbox {
	position:fixed;	
	width:70%;
	height:50%;
	border:medium #FFCC00 solid; 
	font-family:"Century Gothic";
	font-size:small;
	background-color:#666633;
	z-index:100;	
	color:#000099;
	top:10px;
	left:5px;
}

.adbox {
	font-size:small;

}
   
    
}

/* On screens that are 600px wide or less, the background color is olive */
@media screen and (max-width: 600px) {
    body {
        background-color:white;
       
    }
    
 .mainbox {
	position:fixed;	
	width:60%;
	height:39%;
	border:medium #FFCC00 solid; 
	font-family:"Century Gothic";
	font-size:medium;
	background-color:#666633;
	z-index:100;	
	color:#000099;
	top:10px;
	left:5px;
}
    
    
.adbox {
	font-size:large;
}

}