@charset "utf-8";
/* CSS Document */


body 				{color: #666666; background-color: white; font-size: 1rem;}

h1, h2, h3, h4, h5	{}
h1					{}
h2					{}
h3					{}
h4					{}
h5					{}

strong				{font-weight: 500; color: #333333;}

a					{text-decoration:none; color: #439aa2;}
a:hover				{text-decoration:none; color: #4d4d4d;}
a:visited			{text-decoration:none;}
a:focus,a:hover		{text-decoration:none;}


.header		{padding-top: 1rem; padding-bottom: 1rem; background-color: #f5f5f5; text-align: center;}
.mid-area	{padding-top: 2rem; padding-bottom: 2rem; width: 100%;}

.infoWrap	{border: 1px solid #20368F; width: 100%; max-width: 600px; padding: 2rem; margin-bottom: 2rem; margin-left: auto; margin-right: auto; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem;}

.paymentDetails		{}
.studentDetailRow	{border: 1px solid #ccc; padding: 1rem; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; margin-bottom: 1rem;}
.studentDetailRow:last-child	{margin-bottom: 0;}




/* Desktop */
@media only screen
and (min-width: 1370px)
and (max-width: 1605px)
{ /* STYLES GO HERE */}


/* Laptop - For 1366 Resolution */
@media only screen
and (min-width: 1030px)
and (max-width: 1366px)
{}


/* Laptop  - For 1024 Resolution */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
{}


/*iPad*/
@media only screen   
and (orientation : landscape)   
and (-webkit-min-device-pixel-ratio: 1)  
and (min-width : 768px)   
and (max-width : 1007px)   
{ /* STYLES GO HERE */}  

/*iPad*/
/* Orientation : Portrait */  
@media only screen   
and (orientation : portrait)   
and (-webkit-min-device-pixel-ratio: 1)   
and (min-width : 768px)   
and (max-width : 1007px)  
{
body 				{font-size: 0.875rem;}	
	
}  

/* Generally, this dimension is recommended for mobile: - For 640 Resolution */  
@media only screen   
and (min-width : 360px)   
and (max-width : 640px)  
{
body 				{font-size: 0.875rem;}	
	
}


/* Mobile - For 480 Resolution */  
@media only screen   
and (min-width : 320px)   
and (max-width : 480px){
	
body 				{font-size: 0.875rem;}
	
.header img		{max-height: 100px;}
	
.studentDetailRow p 	{margin-bottom: .25rem;}		
	

}