.my-body { 
	background-color: #ffffff; 
}


.my-maintitlebox { 
 	clear:both; 
	text-align: center; 
	display: block;
	margin-top:10px;  
}

.my-maintitle { 
 	color: #000080; 
	font-family: Andale Mono, sans-serif; 
	font-style: normal;
	font-size: 4rem; 
	font-weight: bold; 
	border-width: medium; 
	border-style: none; 
	border-color: #e3e3e3; 
	border-radius: 0px; 
}

.my-content { 
 	color: #0f0505; 
	font-family: Andale Mono, sans-serif; 
	font-style: normal;
	font-size: 3rem; 
	font-weight: normal; 
	border-width: thin; 
	border-style: none; 
	border-color: #ffe9d2; 
	text-align: justify; 
 }



@media all and (max-width: 450px) {

    .my-maintitle { 
        color: #000080; 
        font-family: Andale Mono, sans-serif; 
        font-style: normal;
        font-size: 3.5rem; 
        font-weight: bold; 
        border-width: medium; 
        border-style: none; 
        border-color: #e3e3e3; 
        border-radius: 0px; 
    }
    
    .my-content { 
        color: #0f0505; 
        font-family: ; 
        font-style: normal;
        font-size: 2.6rem; 
        font-weight: normal; 
        border-width: thin; 
        border-style: none; 
        border-color: #ffe9d2; 
        text-align: justify; 
     }
    
}