.w3-modal{
	z-index:300;
	display:none;
	padding-top:100px;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:auto;
	background-color:rgb(0,0,0);
	background-color:rgba(0,0,0,0.4)
}
.w3-modal-content{
	margin:auto;
	background-color:#fff;
	position:relative;
	padding:0;
	outline:0;
	width:600px
}
.w3-container:after,.w3-container:before{
	content:"";
	display:table;
	clear:both;
}
.w3-container{
	padding:0.01em 16px
}
.w3-animate-zoom {
	animation:animatezoom 0.6s
}
.w3-display-topright{
	position: absolute;
    right: 0;
    top: 0;
    font-size: 43px;
    color: var(--gris);
    font-weight: 900;
    padding: 0 10px;
    cursor: pointer;
}
.modal-masInfo{
	display: grid;
    grid-template-columns: 40% 60%;
    align-items: center;
    justify-content: space-between;
    justify-items: stretch;
}
.modal-grid2{
	display: grid;
	grid-template-columns: 48% 48%;
}
.w3-modal h2{
	font-size: 18pt;
    text-align: left;
    margin-bottom: 15px;
}
.modal-grid2 h4, .modal-grid2 p{
	margin: 0;
	font-size: 12pt;
}
@keyframes animatezoom{
	from{
		transform:scale(0)
	}
	to{
		transform:scale(1)
	}
}
@media (max-width:600px){
	.w3-modal-content{
		margin:0 10px;
		width:auto!important
	}.w3-modal{
		padding-top:30px
	}	
}
@media (max-width:768px){
	.w3-modal-content{
		width:500px
	}
	.w3-modal{
		padding-top:50px
	}
}
@media (min-width:993px){
	.w3-modal-content{
		width:900px
	}
}
@media (max-width: 820px){
	.modal-masInfo {
        grid-template-columns: 100%;
    }
    .modal-grid2 {
        grid-template-columns: 100%;
        text-align: center;
    }
    .w3-modal h2 {
        text-align: center;
    }
}