/* 
	Generic Styling, for Desktops/Laptops 
	*/
	.justify{
		text-align: justify;
	}
	.imprtFacilities_margn{
		margin-top: 20px;
	}
	.imprtFacilities table {
	  width: 100%;
	  border-collapse: collapse;
	}
	/* Zebra striping */
	
	.imprtFacilities tr:nth-of-type(odd) {
	  /*background: #eee; */
	  background: rgba(0, 0, 0, 0.05);
	}
	.imprtFacilities th {}
	.imprtFacilities td, .imprtFacilities th {
	  /*border: 1px solid #ccc; */
	  text-align: justify;
	  padding: 10px;
	}
	/* 
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
	
	@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 960px) {
	  /* Force table to not be like tables anymore 
		.imprtFacilities table, 
		.imprtFacilities thead, 
		.imprtFacilities tbody, 
		.imprtFacilities th, 
		.imprtFacilities td, 
		.imprtFacilities tr { 
			display: block; 
		}
		*/
	  /* Hide table headers (but not display: none;, for accessibility) */
	  .imprtFacilities thead tr {
	    position: absolute;
	    top: -9999px;
	    left: -9999px;
	  }
	  .imprtFacilities tr {
	    border: 1px solid #ccc;
	  }
	  .imprtFacilities td {
	    /* Behave  like a "row" */
	    border: none;
	    border-bottom: 1px solid #eee;
	    position: relative;
	    /*padding-left: 50%; */
	  }
	  .imprtFacilities td:before {
	    /* Now like a table header */
	    position: absolute;
	    /* Top/left values mimic padding */
	    top: 6px;
	    left: 6px;
	    width: 45%;
	    padding-right: 10px;
	    white-space: nowrap;
	  }
	  /*
		Label the data
		*/
	  /* .imprtFacilities td:nth-of-type(1):before { content: "House Rules"; }
		.imprtFacilities td:nth-of-type(2):before { content: "Check-in"; }
		.imprtFacilities td:nth-of-type(3):before { content: "Check-out"; }
		.imprtFacilities td:nth-of-type(4):before { content: "Cancellation"; }
		.imprtFacilities td:nth-of-type(5):before { content: "Children"; }*/
	}
	/* Smartphones (portrait and landscape) ----------- */
	
	@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	  .imprtFacilities body {
	    padding: 0;
	    margin: 0;
	    /*	width: 320px; */
	  }
	}
	/* iPads (portrait and landscape) ----------- */
	
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	  body {
	    /*	width: 495px; */
	  }
	}