@media only screen  {
	.alert-wrapper {
		display: none;
		position: relative;
		padding: 0px;
		width: 100%;
		background: #01a7ea;
	}
	.alert-wrapper .alert-container {
		padding: 10px;
	}
		.alert-wrapper .close-button {
			position: absolute;
			right: 10px;
			font-size: 80px;
			line-height: 40px;
			z-index: 999;
			font-weight: 900;
			color: #fff;
		}
		.alert-wrapper .alert-container .alert-description h3 {
			margin: 0 10px 10px;
			padding: 0;
			font-size: 28px;
			line-height: 32px;
			text-align: center;
		}
		.alert-wrapper .alert-container .alert-description p {
			font-family: 'DIN Next LT W04 Regular';
			display: inline-block;
			font-size: 16px;
			line-height: 18px;
			padding: 0;
			margin: 0;
		}
		.alert-wrapper .alert-container .alert-description .addEllipses > p::after {
			content: "...";
		}
		.alert-wrapper .alert-container .alert-description {
			text-align: center;
			max-width: 100%;
		}
		.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 {
			color: #000;
			text-decoration: underline;
		}
		.alert-wrapper .image-column { padding-left: 0px; }
		.alert-wrapper .alert-container .alert-description .alert-link {
			display: inline-block;
			margin-top: 5px;
		}
		.alert-wrapper .alert-container .alert-description .alert-link span {
			display: inline-block;
			color: #fff;
		    font-family: 'DIN Next LT W04 Regular';
		    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: 28px;
		    font-family: 'DIN Next LT W04 Bold';
		    font-weight: bold;
		}
		    
}
@media only screen and (min-width: 40.063em) {
		.alert-wrapper .alert-container .alert-description h3 {
			text-align: left;
			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: 10px 25px;
		}
		.alert-wrapper .alert-container .alert-description .description {
			text-align: left;
		}
}



@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; }
}