#modal {
    position: fixed;
    top: 43%;
    left: 45%;
    height:9%;
    width: 5%;
   background-color: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
	}
	/* handheld instructions */
	@media handheld {
	.modal__window pre, h2 {
	padding: 0 .5em .05em .5em;
	align-content: top;
	color: #673D52;/*#76455e;*/
	font-weight: 500;	
	}
	.modal__window  li {
	/*padding: 0 4em 0 4em;
	align-content: top;*/
	font-size: .70em;
	text-decoration:italic;
	color: #673D52;/*#76455e;*/
	font-weight: 500;
	line-height: .94em;	
	}
      .modal__window   a:link {
	/*padding: 0 4em 0 4em;
	align-content: top;*/
	font-size: .70em;
	text-decoration:italic;
	color: #F4320B;
	font-weight: 500;
	line-height: 1.42em;	
	}
.modal__window   a:hover {
	/*padding: 0 4em 0 4em;
	align-content: top;*/
	font-size: .70em;
	text-decoration:italic;
	color:  #180501;
	font-weight: 500;
	line-height: 1.42em;	
	}
	} /* end of handheld */
	.modal__window {
	position: relative;
	background-color: #EBE0D6;/*#f6dabf;*/
	padding: 0 2.5em .25em 5em;
	align-content: top;
	border-radius: 10px;	
	}
	.modal__window  pre, h2 {
	/*padding: 0 3em .25em 2.5em;*/
	align-content: top;
	color: #AC555B; /*#C82909;/*#673D52;/*#76455e;*/
	font-weight: 500;	
	}
	.modal__window  li  {
	/*padding: 0 4em 0 4em;
	align-content: top;*/
	font-size: .75em;
	text-decoration:italic;
	color: #673D52;/*#76455e;*/
	font-weight: 500;
	line-height: 1.42em;	
	}

	.modal__close {
	position: absolute;
	top: 15px;
	right: 60px;
	}
	#modal:not(:target) {
    visibility: hidden;
    opacity: 0;
}
	#infoRt {
		float:right;
		background-color: #dfcdbb;
		padding-top: 0px;
		padding-right:20px;
		padding-bottom:0px;
		padding-left:20px;
		border-radius: 10px;
		
	}
	/*.info a:link {
			color: #493f37;
			text-decoration:none;
			font-size: .38em;
			} */