.popup {
	background:#f72f60;
	padding:32px;
	box-sizing:border-box;
	width:768px;
	max-width:100%;
}

.popup img {
	max-width:100%;
	vertical-align:top;
}
.popup__header {
	text-align:center;
}
.popup__content {
	background:#fff;
	width:100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	padding:24px;
	border:2px dashed #f72f60;
	margin-top:24px;
}
.popup__content p {
	font-size:1.15em;
	font-weight:300;
}
.popup__content p:first-child {
	margin-top:0;
}
.popup__content p:last-child {
	margin-bottom:0;
}
.popup__content b {
	color:#f72f60;
	white-space:nowrap;
	font-weight:700;
	font-style:italic;
}

.popup__instruction {
	padding-top:1px;
	margin-top:24px;
	text-align:center;
}

.popup__action {
	margin-top:24px;
	display:flex;
	justify-content:center;
}
.popup__start {
	background:#fff;
	color:#f72f60;
	font-size:2.5em;
	font-weight:700;
	text-transform:uppercase;
	border-radius:12px;
	padding:8px 32px;
	cursor:pointer;
	transition:all 0.2s ease;
	
}
.popup__start:hover {
	background:rgba(255,255,255,0.94);
}

.popup__touch {
	width:70%;
}

.touch .popup__mouse {
	display:none;
}
.no-touch .popup__touch {
	display:none;
}

@media screen and (max-width:1000px){

	.popup__header img{
		width:324px;
	}
}

@media screen and (max-width:768px){

}

@media screen and (max-width:480px){
	.popup {
		padding:16px;
	}
	.popup__content {
		padding:12px;
	}

	.popup__content p {
		font-size:1em;
	}
	.popup__instruction,
	.popup__action {
		margin-top:12px;
	}
}