@media all and (max-width: 980px) {
	body {
		overflow-x: hidden;
	}
	
	body * {
		box-sizing: border-box;
	}
	
	.container {
   	    width: 100%;
	}
	
	h2.bottom img {
		max-width: 100%;
		height: auto;
	}
	
	.span-32 {
		width: 100%;
	}
}

@media all and (max-width: 640px) {
	.notes {
		float: none;
		margin: 0px auto 40px;
	}
}


@media all and (max-width: 500px) {
	.table_responsive {
		width: 100%;
		overflow-x: auto;
	}
	
	.table_responsive table {
		width: 600px;
	} 
	
	.notes {
		width: 100%; 
	}
}