#moodal {
	position: fixed;
	background-color: rgba(0,0,0,.5);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1em;
}

#moodal .container {
	width: 60%;
	background-color: #fff;
	border-radius: 5px;
	padding: 2em 1em;
	background: /*url("../img/popup/275.png") no-repeat right bottom,*/ url("../img/popup/prenatal.jpg") no-repeat center center/cover;
	
}

#moodal header { display: flex; justify-content: space-between; align-items: flex-start; }

#moodal a {
	border: 0;
	text-decoration: none;
	background-color: #8dc250;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	padding: 1em;
	display: inline-block;
	border-radius: 5px;
}
#moodal a:focus, button:focus { outline: 0; }
#moodal a:hover { background-color: #284972; color: #fff; }

#moodal p { margin-bottom: 1em; color: #000; font-size: 1.1em; }

#moodal button { font-size: 1.5em; border: 0; color: rgba(0,0,0,.8); background-color: transparent; font-weight: bold; text-transform: uppercase; padding-right: 1em; }
#moodal button:hover { color: rgba(89,152,183,.8); }

#moodal .header_logo { width: 360px; position: static; }
#moodal .title { color: #000000; font-size: 2em; line-height: 1; margin: 1em 0; }
#moodal .bshadow { box-shadow: 0 3px rgba(90,105,51,0.8); }

/* Media queries hide elements small screens*/
@media (max-width: 640px) {
	#moodal { font-size: .85em; }
	#moodal header { display: block; }
	#moodal button { float: right; }
	#moodal .header_logo { display: none; }
}

@media (max-width: 768px) {
  #moodal .container {
    background: url("../img/popup/275.png") no-repeat right bottom,
      url("../img/popup/prenatal.jpg") no-repeat center
        center/cover;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  #moodal .container {
    background: url("../img/popup/275.png") no-repeat right bottom,
      url("../img/popup/prenatal.jpg") no-repeat center
        center/cover;
  }
 }