body { margin: 0 !important; padding: 0 !important; width: 100% !important; }
.icontainer { position: relative; display: block; overflow: hidden; width: 100vw; height: 60vw; text-align: center; }
input { display: none; }
p { margin: 0; }
.ibutton { color: white; font-weight: bold; font-size: 20px; background-color: #d32f2f; display: block; padding: 6px 16px; border-radius: 100%; cursor: pointer; animation: fadein .5s; animation: pulse 1.5s infinite; }
.icontent {
	background: white;
	padding: 8px 12px;
	text-align: center;
	display: none;
	position: absolute;
	margin-top: 5%;
	margin-right: auto;
	margin-left: 15%;
	margin-bottom: 15%;
	width: 70%;
	top: 0;
	height: 600px;
	border-radius: 8px;
	box-shadow: 0 4px 2px -2px rgba(211,47,47,0);
	z-index: 1;
}
.cross { font-weight: bold; }
.header { font-weight: bold; margin-top: 9px; font-size: 24px; }
.bodyCopy { margin-top: 9px; }
#b1 { position: absolute; left: 73vw; top: 12vw; }
#b2 { position: absolute; left: 42vw; top: 32vw; }
#b3 { position: absolute; left: 67vw; top: 37vw; }
#input1:checked ~ #icontent1 { display: block !important; animation: fadein .5s; }
#input2:checked ~ #icontent2 { display: block !important; animation: fadein .5s; }
#input3:checked ~ #icontent3 { display: block !important; animation: fadein .5s; }
input:checked ~ label .ibutton { display: none !important; animation: fadeout .5s; }
.ibutton:hover { color: #d32f2f; background: white; }
.cta { display: inline-block; background: #d32f2f; color: white; padding: 12px 24px; margin-top: 48px; border-radius: 24px; text-decoration: none; transition: all .3s ease; }
.cta:hover { text-decoration: underline !important; box-shadow: 0 0 0 6px rgba(211, 46, 46, 0.4); }
@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes fadeout {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes pulse {
  from { box-shadow: 0 0 0 0px rgba(211, 47, 47); }
  to { box-shadow: 0 0 0 15px rgba(0, 0, 0, 0); }
}