/*All Browsers - excl Safari*/

.notification {
	    background-color: #d4d4d4;
    max-width: 2560px;
    /* width: 100vw; */
    margin-left: -50%;
    margin-right: -50%;
    /* left: 50%; */
    height: 50px;
}

.notification-body {
	padding-top: 15px;
}

.caution {
	max-height: 15px;
}



@media (min-width: 320px) and (max-device-width: 374px) {
	.notification {
    margin-left: -10.8%;
    margin-top: 15%;
		width:100vw;
	}

	.notif-text {
		font-size: 0.6825rem;
	}
}


@media (min-width: 375px) and (max-device-width: 425px) {
	.notification {
		    margin-left: -8.8%;
    margin-right: -20%;
    margin-top: 1%;
    height: 50px;
   		width:100vw;

	}
}




@media (min-width: 425px) and (max-device-width:768px) {
	.notification {
		margin-left: -7.5%;
		margin-right: -4%;
		clear: both;
		margin-top: 1%;
		display: block;
				width:100vw;

	}


}

@media (min-width: 768px) and (max-device-width:992px) {
	.notification {
		margin-left: -4%;
					width:100vw;

	}


}

@media (min-width: 992px) and (max-device-width: 1024px) {
	.notification {
		margin-left: -3.3%;
		margin-right: -6%;
				width:100vw;

	}

	.header__nav-item .header__anchor {
		font-size: 0.7825rem;
	}

}



@media (min-width: 1025px) and (max-device-width: 1440px) {
	.notification {
		margin-left: -6.25%;
    margin-right: -1%;
				width:100vw;

	}

	.header__nav-item .header__anchor {
		font-size: 0.7825rem;
	}
	
	
	
	

	/* Safari 7.1+ */

	_::-webkit-full-page-media,
	_:future,
	:root .safari_only {


		.notification {
			background-color: #d4d4d4;
			max-width: 2440px;
			margin-left: -50%;
			margin-right: -60%;
			height: 50px;
		}

		.notification-body {
			padding-top: 15px;
		}

		.caution {
			max-height: 15px;
		}



		@media (min-width: 320px) and (max-device-width: 374px) {
			.notification {
				max-width: 374px;
			}

			.notif-text {
				font-size: 0.6825rem;
			}
		}


		@media (min-width: 375px) and (max-device-width: 425px) {
			.notification {
				max-height: -width: 325px;
				margin-left: -10%;
				margin-right: -10%;
				margin-top: 1%;
				height: 50px;
				width: auto;
			}
		}




		@media (min-device-width: 426px) and (max-width:768px) {
			.notification {
				max-width: 768px;
				margin-left: -6%;
				margin-right: -7%;
				clear: both;
				margin-top: 1%;
				display: block;
			}


		}

		@media (min-width: 992px) and (max-device-width: 1024px) {
			.notification {
				max-width: 1024px;
				margin-left: -5%;
				margin-right: -3.5%;
			}

			.header__nav-item .header__anchor {
				font-size: 0.7825rem;
			}



		}

		@media (min-width: 1025px) and (max-device-width: 1440px) {
			.notification {
				min-width: 1024px;
				margin-left: -5%;
				margin-right: -3.5%;
			}

			.header__nav-item .header__anchor {
				font-size: 0.7825rem;
			}
		}
	}