@media screen and (max-width: 1200px) {
  .main { padding-left: 3%; padding-right: 3% }

}    
@media screen and (max-width: 1050px) {
    section#content-left   { width: 60%;   }
    section#content-right   { width: 35%;   }
}
@media screen and (max-width: 900px) {
 
}  
@media screen and (max-width: 850px) {
 
}  
@media screen and (max-width: 750px) {
 
    section#content-left   { width: 100%; padding-bottom: 0   }
    section#content-right   { width: 100%;      margin-top: 0px; }

 
/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
    table{
        max-width: 95%;
    }
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 2px solid #0881B8; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #449cc5; 
		position: relative;
	    text-align: left!important
     }

	
 

 
 


}  

@media screen and (max-width: 600px) {
    section#content-left   { padding-left: 0; padding-top: 130px; }
}

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