.resource-tile{
	background: #FCF6E5;
	border: 1px solid #F2EBDB;
	padding: 40px;
	margin-bottom: 50px;
	
	p, a{
		line-height: 1.5;
	}
	
	a {
	  overflow-wrap: break-word;
	  word-break: break-all;
	  max-width: 100%;
	  display: inline-block; /* needed for max-width to apply on inline elements */
	  text-decoration: none;
	  border: 0;
	}
	
	td{
		background: #FFFCEE;
		border-color: #F2EBDB;
	}
}

@media(max-width: 700px){
	.resource-tile{
		padding: 15px;
	}
}

.page-navigation{
	a{
		display: inline-block;
		margin-right: 26px;
		text-decoration: none;
		border: 0;
	}
}

@media(max-width: 700px){
	.page-navigation a{
		display: block;
	}
}



@media (max-width: 600px) {
	.resource-tile{
		  table, tbody, tr, td, th {
			display: block;
			width: 100%;
			border: 0;
		  }

		  tr {
			margin-bottom: 1rem;
		  }

		  td {
			box-sizing: border-box;
			padding-top: 0;
			padding-bottom: 0;
			line-height: 1.6;
		  }
		  tr td:first-child{
			  padding-top: 8px;
		  }
		    tr td:last-child{
			  padding-bottom: 8px;
		  }
		  a{
				white-space: nowrap;      /* prevent line breaks */
				overflow: hidden;         /* hide the overflow */
				text-overflow: ellipsis;  /* show ... for clipped text */
				display: block;           /* required — doesn't work on inline elements */
				max-width: 100%;          /* constrain to container width */
		}
	}
	
}

@media(max-width: 700px){
	.block-lessthan-700{
		display: block;
	}
}