/* responsive styles */

/*  Hide table AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 599px) {
    .col-1{ width: 95%;    }
    .col-2{ width: 95%;    }
	#desktop_menu {
		display:none;
	}
	#mobile_menu {
		display:block;
	}
	#table_3_blocks {
	/* stack blocks in a vertical column */
		width:95%;
		display:block;
	}


}
/*  show table at 600 - 790 PIXELS */

@media only screen and (min-width: 600px) {
    .col-1{ width: 95%;    }
    .col-2{ width: 95%;    }
	#desktop_menu {
		display:block;
	}
	#mobile_menu {
		display:none;
	}

}

/* above 790px show news on r/h side */
@media only screen and (min-width: 790px) {
	.col-1{
		width: 70%; 
	}
	.col-2{
	    width: 20%; 
	    border:medium;
	    background:yellow;
	}
}

/* above 900 pixels, add borders */
@media only screen and (min-width: 901px) {
}