.b-popup{
    width:100%;
    min-height:100%;
    background-color: rgba(0,0,0,0.5);
    overflow:hidden;
    position:fixed;
    top:0px;
	z-index: 98;
}
.b-popup_of{
    background-color: rgba(0,0,0,0.2);
}
.b-popup-content{
    position: relative;
	width: 45vw;
	top: 50px;
    box-shadow: 10px 10px 10px #333;
	border: 2px solid #FFF;
}
.b-popup-content_of{
    position: relative;
	width: 300px;
	top: 30vh;
	color: #000;
	background-color: #FFF;
    box-shadow: 10px 10px 10px #333;
	border: 2px solid #FFF;
	padding: 20px;
}
.b-popup, .b-popup-content, .b-popup-content_of {
    margin: auto;
}
.close {
	position: absolute;
	top: -15;
	left: calc(45vw - 15px);
	width: 30px;
	height: 30px;
	z-index: 99;
}
.close_of {
	position: absolute;
	top: -15;
	left: 330px;
	width: 30px;
	height: 30px;
	z-index: 99;
}
.contenido {
	width: 45vw;
}
.img-popup {
	width: 45vw;
}

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

	.b-popup-content{
		width: 70vw;
	}
	.contenido {
		width: 70vw;
	}
	.img-popup {
		width: 70vw;
	}
	.close {
		left: calc(70vw - 15px);
	}

}