@media screen and (min-width: 0px) and (max-width: 400px) {
	#calendar { display: none; }  /* do not show on small screens */
	#calLink {display: block;  } /*show only the link*/
}

@media screen and (min-width: 401px) {
  #calendar { display: block; } /*show on large screens*/
  #calLink  {display: none; }  /*hide link*/
}