@media only screen  {
	.alert-wrapper {
		display: none;
		position: relative;
		padding: 0px;
		width: 100%;
		background: white;
	}
	.alert-wrapper .alert-container {
		padding: 10px;
	}
		.alert-wrapper .close-button {
			position: absolute;
			right: 5px;
			font-size: 30px;
			line-height: 20px;
			z-index: 999;
		}
		.alert-wrapper .alert-container .alert-description h3 {
			margin: 0 10px 15px;
			padding: 0;
			font-size: 28px;
			line-height: 32px;
			text-align: center;
		}
		.alert-wrapper .alert-container .alert-description p {
			display: inline-block;
			font-size: 14px;
			line-height: 22px;
			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: 100px;
			margin: 0 auto;
		}
		.alert-wrapper .alert-container .alert-description .description {
			text-align: center;
		}
		.alert-wrapper .alert-container .alert-description .alert-link {
			display: inline-block;
		}
		.alert-wrapper h2 {
			font-size: 18px;
			line-height: 40px;
			text-decoration: none;
			padding: 20px 10px 10px;
			margin: 0;
		}
		/*.alert-wrapper .alert-container .alert-description .alert-link {
			display: inline-block;
			background: rgba(0, 0, 0, 0) linear-gradient(#088d94, #025f67) repeat scroll 0 0;
			border: 0 none;
			border-radius: 4px;
			color: #ffffff;
			cursor: pointer;
			font-family: "tablet-gothic-compressed";
			font-size: 18px;
			font-weight: normal;
			height: 34px;
			line-height: 34px;
			padding: 0 32px;
		}*/
		.alert-wrapper a:link, .alert-wrapper *:visited {
			text-decoration: none;
		}
}
@media only screen and (min-width: 40.063em) {
		.alert-wrapper .alert-container .alert-description h3 {
			text-align: left;
			margin: 0 0 10px 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;
		}
}
