@media only screen  {
	.alert-wrapper {
		display: none;
		position: relative;
		padding: 0px;
		width: 100%;
		background: #8B0027;
		z-index: 1;
	}
	.alert-wrapper.alert-color-teal { background: #225672; }
	.alert-wrapper.alert-color-purple { background: #656D92; }
	.alert-wrapper.alert-color-green { background: #006600; }
	.alert-wrapper.alert-color-grey { background: #8e8e8e }
	.alert-wrapper.alert-color-slate-grey { background: #657091; }

	.alert-wrapper .alert-container {
		padding: 0 5px;
	}
	.alert-wrapper .close-button {
		position: absolute;
		right: 10px;
		font-size: 40px;
		line-height: 40px;
		z-index: 999;
		font-weight: 500;
		color: #FFF;
	}
	.alert-wrapper .alert-container .alert-description h3 {
		margin: 0 10px 5px;
		padding: 0;
		font-size: 28px;
		line-height: 32px;
		text-align: center;
	}
	.alert-wrapper .alert-container .alert-description p {
		display: inline-block;
		font-size: 16px;
		line-height: 18px;
		padding: 0;
		margin: 0;
		color: #FFF;
	}
	.alert-wrapper .alert-container .alert-description .addEllipses > p::after {
		content: "...";
	}
	.alert-wrapper .alert-container .alert-description {
		text-align: center;
	}
	.alert-wrapper .alert-container .alert-description .alert-image {
	}
	.alert-wrapper .alert-container .alert-description .alert-image img {
		display: block;
		max-height: 120px;
		margin: 0 auto;
	}
	.alert-wrapper .alert-container .alert-description .description {
		text-align: center;
	}
	.alert-wrapper .alert-container .alert-description .description a {
		margin-top: 5px;
		display: block;
	}
	.alert-wrapper .image-column { padding-left: 0px; }
	.alert-wrapper .alert-container .alert-description .alert-link {
		display: inline-block;
		color: #FFF;
	    font-size: 1.1em;
	    font-weight: 700;
	    line-height: 24px;
	}
	.alert-wrapper h2 {
		font-size: 18px;
		line-height: 40px;
		text-decoration: none;
		padding: 20px 10px 10px;
		margin: 0;
	}
	.alert-wrapper a:link, .alert-wrapper *:visited {
		text-decoration: none;
	}

	.alert-wrapper h3 a {
		color: #FFF;
	    font-size: 20px;
	    font-weight: bold;
	}
}
@media only screen and (min-width: 40.063em) {
	.alert-wrapper .alert-container .alert-description h3 {
		text-align: center;
		margin: 0 0 5px 0;
	}
	.alert-wrapper .alert-container .alert-description p {
		padding: 0;
	}
	.alert-wrapper .alert-container .alert-description .alert-image {
		float: right;
	}
	.alert-wrapper .alert-container .alert-description .alert-image img {
		width: auto;
		margin: 0;
	}
	.alert-wrapper .alert-container .alert-description {
		padding: 0px 25px;
	}
	.alert-wrapper .alert-container .alert-description .description {
		text-align: center;
	}
}

@media only screen and (max-width: 60em) {
	.alert-wrapper .alert-container .alert-description .alert-image img {
		max-height: 150px;
	}
}


@media only screen and (max-width: 40em) {
	.alert-wrapper .alert-container .alert-description .alert-image img {
		max-height: 120px;
	}
	.alert-wrapper h3 a { display: inline-block; padding: 0px 20px; }
	.alert-wrapper .image-column { padding-right: 0px; margin-bottom: 5px; }
	.alert-wrapper .alert-description .columns { padding: 0px 0px; }
	.alert-wrapper .close-button { right: 5px; top: 0px; }
}