/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
 .list-content {
	border: 1px solid whitesmoke;
	padding: 20px;
	margin-bottom: 2rem;
  }
  
  .tickets {
	display: flex;
	flex-wrap: wrap;
  }
  
  .tickets .borderlist {
	border: 1px solid whitesmoke;
	margin: 5px;
	padding: 20px;
  }
  
  .tickets .list {
	flex: 50%;
  }
  
  @media screen and (max-width: 780px) {
	.tickets .list {
	  flex: 100%;
	}
  }
  
  .tickets .img-16-9 img {
	max-height: inherit;
	width: 100%;
	object-fit: cover;
  }
  
  .tickets .draw-date {
	margin-bottom: 8px;
  }
  
  .tickets h3 {
	margin-bottom: 6px;
  }