#apliving-container {
	width:760px;
}

#apliving-container .envelope {
	height:100%;

	position:relative;
}

#apliving-container .envelope .top {
	padding:30px 60px;
	padding-left:178px;

	background-image: url('https://blog.apricotpower.com/wp-content/uploads/2018/06/Newsletter-APblog-150x150.png');
	background-repeat: no-repeat;
	background-position:12px 12px;

	font-weight:bold;
}

#apliving-container .envelope .top h3 {
	font-size:1.8em;
	margin-top:0;
	margin-bottom:12px;
}

#apliving-container .envelope .top p {
	margin-bottom:0;
}

#apliving-container .envelope .wedge {
	width: 0;
	height: 0;
	border-left: 380px solid transparent;
	border-right: 380px solid transparent;
	border-top: 26px solid;
}

#apliving-container .envelope .bottom {
	padding:30px 30px;
}

#apliving-container .envelope .bottom .status {
	display:none;
	margin-top:6px;
	font-weight:bold;
}

#apliving-container .envelope .bottom .status.error {
	padding:6px;
	margin-bottom:0;
}

#apliving-container .envelope .bottom .status.success {
	border:none;
	padding:0;
	margin:0;
}

#apliving-container .envelope .bottom .status h3 {
	margin:0;
	margin-bottom:10px;
	font-size:1.5em;
}


#apliving-container .envelope .bottom .status p {
	margin:0;
}


@media screen and (max-width: 1023px) {
	#apliving-container {
		width:440px;
	}

	#apliving-container .envelope .top {
		padding-top:20px;
		padding-left:134px;
		padding-bottom:4px;
		padding-right:20px;

		background-position:2px 2px;

		font-weight:bold;
	}

	#apliving-container .envelope .wedge {
		border-left: 220px solid transparent;
		border-right: 220px solid transparent;
		border-top: 14px solid;
	}

	#apliving-container .envelope .bottom {
		padding:20px 22px;
		padding-bottom: 10px;
	}

	#apliving-container .envelope .bottom form.niceForm button {
		width: 160px;
	}
}
