.modal {
		position: fixed;
		top: 0;
		right: 0;
		bottom: auto;
		left: 0;
		z-index: 99999;
		display: block;
		display: none\9;                     /* 1 */
		height: 100%;
		opacity: 0;
		transition: opacity 0.2s;
		transform: translate3d(0, -100%, 0); /* 2 */
		overflow: hidden;
	}
	.modal:target {
		display: block\9;           /* 1 */
		outline: none;
		opacity: 1;
		transition: opacity 0.2s ease-in-out;
		transform: translate(0, 0); /* 2 */
	}
	.modal-content {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		z-index: 11;
		overflow: hidden;
		padding: 0px;
		width: 100%;
		height: 100%;
		background-color: #fff;
		border-radius: 3px;
		box-shadow: 0 0 20px hsla(0, 0%, 0%, 0.35);
	}
@media screen and (min-width: 2736px) {
	/* Make modal look like a popup */
	.modal-content {
		top: 0;
		right: 0;
		left: 0;
		overflow-y: hidden;
		margin: 0 auto;
		padding: 0;
		width: 100%;
		height: 100%;
	}
}

	.modal-header {
		display: table;
		margin-bottom: 20px;
		width: 100%;
	}

	.modal-title,
	.modal-close {
		display: table-cell;
		vertical-align: middle;
	}

	.modal-title {
		margin: 0 0 20px;
		font-size: 1.333rem;
	}


	.modal-header {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		margin-bottom: 0;
		padding: 0.5em;
		background-color: #e5e5e5;
	}
	
	.modal-close {
		width: 44px;
		height: 44px;
		border-radius: 3px;
		background-color: #dedede;
		color: #686868;
		text-align: center;
		text-decoration: none;
		font-weight: 700;
		font-size: 2rem;
		line-height: 0;
	}
	.modal-close {
		background-color: #ccc;
	}
	.modal-close:hover {
		background-color: #ccc;
		color: #444;
	}

	.modal-body {
		position: absolute;
		top: 76px; /* 1 */
		bottom: 0;
		left: 0;
		width: 100%;
		overflow-y: auto;
		padding: 0 1em;
		text-align: center;
	}