.b-popup{
    width:100%;
    min-height:100%;
    background-color: rgba(0,0,0,0.8);
    overflow:hidden;
    position:fixed;
    top:0px;
	z-index: 99;
}
.b-popup-content{
    position: relative;
	width: calc(45vw + 4px);
	top: 50px;
    box-shadow: 10px 10px 10px #333;
	border: 2px solid #FFF;
}
.b-popup .b-popup-content{
    margin: auto;
}
.close {
	position: absolute;
	top: -15;
	left: calc(45vw - 15px);
	width: 30px;
	height: 30px;
}
.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);
	}

}