*{
    padding: 2px;
    margin: 2px;
    box-sizing: border-box;        
}

body {
	background: black;
}

.contenedor {
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%;

}

.theimg {
    width: 90%;
    height: 90%;
}

.thelogo {
    position: absolute;
    top: calc(10% + 10px);
    left: calc(22% + 30px);
    width: 30%;
    min-width: 100px;

}

.theproducto {
    position: absolute;
    top: calc(8% + 10px);
    left: calc(52% + 60px);
    width: 20%;
    min-width: 100px;

}

.title1 {
    position: absolute;
    top: calc(10% + 8px);
    left: calc(22% + 30px);
    font-family: 'Raleway', arial, sans-serif;
    font-size: 2vw;
    color: #ffffff;
}

.foot1 {
    font-family: 'courier new';
    color: #ffffff;
    font-size:12px;
    left: 10px;
}

/* Start: Google Maps Responsive */
.map-responsive {
    overflow:hidden;
    padding-bottom:250px; /*Reduce este valor si el mapa fuera muy alto, por ejemplo 250px, puedes usar porcentajes, 50%*/
    position:relative;
    height:0;
}

.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
/* End: Google Maps Responsive */