#popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	
  }
  
  .popup-content {
	width: 40%;
	height: auto;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	background-image: url('../images/acaopelavida.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	

  }
  
  .popup-image {
	width: 50%;
  }
  
  .popup-text {
	width: 50%;
	padding: 30px;
	font-size: 22px;
  }

  .popup-text h3 {
	font-size: 22px;
  }
  
  .popup-text h2 {
	margin-top: 0;
  }
  
.popup-text button {
	position: absolute;
    top: 10px;
    right: 10px;
    border: none;
    background-color: transparent;
    font-size: 31px;
    cursor: pointer;
    padding: 0;
    width: 40px;
    height: 40px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #fff;
    color: #fff;
  }

  @media (max-width: 576px){
	.popup-content {
		width: 100%;
		height: auto;
		background-color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		background-image: url('../images/acaopelavida.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		overflow: hidden;	
	  }

	  .popup-text {
		width: 50%;
		padding: 10px;
		font-size: 14px;
	  }

	  .popup-text h3 {
		font-size: 14px;
	}
  }