.modal {
	z-index: 10;
	display: block;
	padding-top: 10px;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.5)
}
.modal-content {
	margin: auto;
	background-color: #fdfdfd;
	position: relative;
	padding: 0;
	outline: 0;
	max-width: 380px;
	justify-content: center;
        align-items: center;

}
.modal-inner { padding: 20px 30px; }
.modal-close {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: absolute;
	right: 0;
	top: 0;
	font-size:30px;
	font-weight:bold;
	color: #ec2c24;
	padding: 6px 10px;
}
.animate-opacity { animation: opac 0.8s }@keyframes opac{from{opacity:0} to{opacity:1}}

@media only screen and (min-width: 480px) {
  .imgrs{
   width: 100%;
  } 

}