@font-face{
  font-family: 'Honeywell_Sans_Med';
  src: url('../../fonts/HoneywellSans-Medium.otf') format("opentype");
}
@media only screen and (max-width: 480px){
	.popup {
		margin: 20px auto !important;
		padding: 30px 10px;
	}
	.popup h2
	{
		font-size: 26px;
	}
}

@media only screen and (max-width: 660px){
	.popup {
		margin: 100px auto !important;
	}

	.mktoOffset, .mktoGutter{
		display:none;
	}
}

.box {
	width: 40%;
	margin: 0 auto;
	background: rgba(255,255,255,0.2);
	padding: 35px;
	border: 2px solid #fff;
	border-radius: 20px/50px;
	background-clip: padding-box;
	text-align: center;
}

.button {
	font-size: 16px;
	padding: 10px;
	color: #fff;
	border: 2px solid #ec3e3f;
	background: #ec3e3f;
	border-radius: 20px/50px;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s ease-out;
}

.button:hover {
	background: #ec3e3f;
}

.overlaypopup {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 500ms;
	z-index: 1000000;
}

.popup {
	margin: 200px auto;
	padding: 30px 40px;
	background: #fff;
	width: 30%;
	position: relative;
	transition: all 5s ease-in-out;
}

.popup h2 {
	margin-top: 0;
	color: #7b7b7b;
	margin-bottom: 20px;
}

.popup .close {
	position: absolute;
	top: 0px;
	right: 10px;
	transition: all 200ms;
	font-size: 50px;
	/*font-weight: bold;*/
	text-decoration: none;
	color: #95989A;
}

.popup .close:hover {
	color: #ee3124;
}

.popup .content {
	max-height: 30%;
	overflow: auto;
	color:#000;
	text-align: center;
	font-weight:bold;
}

@media screen and (max-width: 700px){
	.box{
		width: 70%;
	}
	.popup{
		width: 70%;
	}
}