#trowelpave-modal {
	z-index:1000;
	display:none;
	left:0;
	top:125;
	overflow:auto;
	margin:auto;
	background: transparent;
	width: 100%;
	height: 250px;
	position:fixed;
}

.modal-content-link {
	color: #ffffff;
	text-decoration:none;
	cursor: pointer;
}
.modal-content-link:hover {
	color: #ffffff;
	text-decoration:none;
}

@media screen and ( max-width: 600px ) {
	#modal-content-container {
		color: #ffffff;
		margin:auto;
		position:relative;
		padding:0;
		outline:0;
		text-transform: uppercase;
		width: 360px;
		z-index:999999999;
		border-bottom-left-radius:5px;
		border-bottom-right-radius:5px;
	}
	.modal-content-body {
		width: 360px;
		margin:auto;
		border-bottom-left-radius:5px;
		border-bottom-right-radius:5px;
		background-image:url("../images/modal-image-bg.png");
		background-position: left;
		background-repeat: no-repeat;
		background-size: cover;

	}
	.modal-content-image {
		max-width: 180px;
		display:inline-block;
		padding-bottom:20px;
	}
	#modal-content-image {
		max-width:180px;
		display:inline-block; 
		padding-bottom:20px;
	}
	.modal-content-msg {
		max-width: 180px;
		display:inline-block;
		margin:auto;
		text-align:right;
	}
	.modal-content-header {
		text-align:center;
		background-color: #000000;
		border-top-left-radius:5px;
		border-top-right-radius:5px;
		background-image:url("../images/modal-header-bg.png");
		background-position: left;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.modal-close-container {
		display:inline-block;
		position:absolute;
		left: 95%;
		z-index:9999999999999;
		top: 0px;
	}
	.modal-close-btn {
		background-color: #000000;
		border: 1px solid #ffffff;
		border-radius: 2px;
		cursor:pointer;
		width: 12px;
		height: 12px;
	}
}
@media screen and ( min-width: 601px ) {
	#modal-content-container {
		color: #ffffff;
		margin:auto;
		position:relative;
		padding:0;
		outline:0;
		text-transform: uppercase;
		width: 600px;
		z-index:999999999;
		border-bottom-left-radius:5px;
		border-bottom-right-radius:5px;
	}
	.modal-content-body {
		width: 600px;
		text-align:center;
		padding-top:20px;
		z-index:999999999;
		background-image:url("../images/modal-image-bg.png");
		background-position: left;
		background-repeat: no-repeat;
		background-size: cover;
		border-bottom-left-radius:5px;
		border-bottom-right-radius:5px;
	}
	.modal-content-image {
		max-width: 300px;
		display:inline-block;
		padding-bottom:20px;
	}
	#modal-content-image {
		max-width:300px;
		display:inline-block; 
		padding-bottom:20px;
	}
	.modal-content-msg {
		max-width: 300px;
		display:inline-block;
		margin:auto;
		text-align:right;
		font-size: 1.3em;
	}
	.modal-content-header {
		text-align:center;
		background-color: #000000;
		font-size: 1.1em;
		background-image:url("../images/modal-header-bg.png");
		background-position: left;
		background-repeat: no-repeat;
		background-size: cover;
		border-top-left-radius:5px;
		border-top-right-radius:5px;
	}
	.modal-close-container {
		display:inline-block;
		position:absolute;
		left: 95%;
		z-index:9999999999999;
		top: 0px;
	}
	.modal-close-btn {
		background-color: #000000;
		border: 1px solid #ffffff;
		border-radius: 2px;
		cursor:pointer;
		width: 15px;
		height: 15px;
	}

}