@media only screen {
	.specialAlerts {
		position: relative;
		width: 100%;
		height: auto;
		padding: 0;
		text-align: center;
		overflow: hidden;
		visibility: hidden;
		z-index: 99;
	}
	.specialAlerts.open {
		visibility: visible;
	}
	.specialAlerts.sticky {
		position: fixed;
		top: 0;
		max-height: 500px;
	}
	.specialAlerts.floating {
		position: fixed;
		top: auto;
		bottom: 100px;
		left: 0;
		right: 0;
		width: 90%;
		margin: 0 auto;
		max-height: 100%;
		border: 1px solid white;
	}
	.specialAlerts .alertsInner {
		position: relative;
		display: block;
		max-width: 90%;
		margin: 0 auto;
		padding: 15px 15px 20px;
	}
	.specialAlerts .alertsInner h5,
	.specialAlerts .alertsInner p,
	.specialAlerts .alertsInner button {
		color: white;
	}
	.specialAlerts .alertsInner .button-wrapper {
		flex-grow: 1;
		flex-shrink: 0;
		justify-content: center;
		padding: 0;
	}
	.specialAlerts .alertsInner button {
		background-color: transparent;
		border: 2px solid white;
	}
	.specialAlerts .alertsInner.no-caption button {
		position: absolute;
		top: 5px;
		right: 5px;
		padding: 0 0.5em;
		height: 1.75em;
		line-height: 1.75em;
	}
	.specialAlerts .alertsInner.has-caption button {
		position: relative;
		padding: 0 1em;
		margin: 10px 0 0;
		line-height: 1em;
		text-transform: none;
	}
	.specialAlerts .alertsInner button:hover,
	.specialAlerts .alertsInner button:focus {
		color: rgb(3, 133, 149) !important;
		border-color: white !important;
	}
	.specialAlerts .alertsInner button .fa {
		display: inline;
		font-size: 0.875em;
	}
	.specialAlerts .alertsInner.has-caption button .fa {
		margin-left: 7px;
		margin-right: 3px;
	}
}

@media only screen and (min-width: 40.063em) {
	.specialAlerts.floating {
		width: 70%;
	}
}

@media only screen and (min-width: 64.063em) {
	.specialAlerts.floating {
		bottom: 30px;
		width: 1000px;
	}
	.specialAlerts .alertsInner {
		display: flex;
		align-items: center;
		padding: 15px 0;
	}
	.specialAlerts.floating .alertsInner {
		justify-content: space-between;
	}
	.specialAlerts.sticky .alertsInner {
		justify-content: center;
	}
	.specialAlerts .alertsInner h5 {
		font-size: 1.125em;
	}
	.specialAlerts .alertsInner p {
		margin: 0 2em;
	}
	.specialAlerts .alertsInner .button-wrapper {
		justify-content: flex-end;
	}
	.specialAlerts .alertsInner.has-caption button {
		margin: 0;
	}
	.specialAlerts .alertsInner.no-caption button {
		position: relative;
		top: auto;
		right: auto;
	}
}