body{
	margin:0;
	padding:0;
	font-family: poppins;
	font-size: 16px;
}
.wrapper{
	height: 100vh;
	background: url('../img/mother.jpg');
	background-position: left center;
	background-size:cover;
	background-repeat: no-repeat;  
	position:relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.wrapper::before{
	content: "";
	position: absolute;
	top:0;
	left: 0;
	bottom: 0;
	background:rgba(0 ,0, 0, 0.8);
	height: 100%;
	width:100%;
}
.wrapper__container{
	z-index: 3;
	background:transparent;
	padding: 0 15px;
	color:#fff;
	transition: all .3s ease-in-out;

}
.message{
	z-index: 3;
	margin-bottom: 30px;
}
.message__container{
	width:400px;
	 background: #fff;
	 z-index: 3;
	 border-radius:5px;	
	 transition: all .3s ease-in-out;
}
.message__container p{
	font-size: 12px;
	padding:8px;
}
.message__container .pst-mary{
	display: flex;
	justify-content: end;
	padding-right: 13px;
	font-size:10px;
	padding-bottom:8px;
}

.msg-btn{
	z-index: 99;
	padding:10px 20px;
	border-radius:2px;
	border:none;
	font-size: 1rem;
	background: rgb(255, 25, 64);
	color:#fff;
	cursor:pointer !important;
	text-decoration: none;
}

@media (max-width:414px){
	.message__container{
		width: 320px;
	}
}
@media(min-width: 560px ){
	.wrapper__container h2{
		font-size:35px;
		margin-top:0;
	}
	.wrapper{
		justify-content: center;
		align-items: flex-start;
		padding-left:30px;
	}
}
@media(min-width: 768px){
	.wrapper{
		justify-content: center;
		align-items: flex-start;
		padding-left:50px;
	}
	.wrapper__container h2{
		font-size:45px;
		margin-top:0;
	}
	.wrapper__container p{
		margin-bottom:1px;
		font-size:20px;
	}
	.message__container{
		width: 600px;
	}
	.message__container .pst-mary{
		display: flex;
		justify-content: end;
		padding-right: 13px;
		font-size:10px;
		padding-bottom:10px;
	}
	.pst-mary span{
		padding-left:8px;
	}
}