@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');
body,
html {
    width: 100%;
	height: 100%;
}
.rajdhani-light {
	font-family: "Rajdhani", sans-serif;
	font-weight: 300;
	font-style: normal;
  }
  
  .rajdhani-regular {
	font-family: "Rajdhani", sans-serif;
	font-weight: 400;
	font-style: normal;
  }
  
  .rajdhani-medium {
	font-family: "Rajdhani", sans-serif;
	font-weight: 500;
	font-style: normal;
  }
  
  .rajdhani-semibold {
	font-family: "Rajdhani", sans-serif;
	font-weight: 600;
	font-style: normal;
  }
  
  .rajdhani-bold {
	font-family: "Rajdhani", sans-serif;
	font-weight: 700;
	font-style: normal;
  }
body{
	background-color: #FFF;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}
.wrapper{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;	
}
.image-sec{
	text-align: center;
	margin-bottom: 20px;
}
.image-sec img{
	width:230px;
}
.wrapper h1{
	text-align: center;
	font-family: "Rajdhani", sans-serif;
	font-weight: 700;
	font-size:55px;
	color: #000000;
}
.wrapper h2{
	text-align: center;
	font-family: "Rajdhani", sans-serif;
	font-weight: 600;
	font-size:40px;
	color: #ca5783;
}
.contact{
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 12px;
}
.contact a{
	padding: 10px 30px;
	display: inline-block;
	border: 2px solid #77bd92;
	border-radius: 50px;
	font-size: 20px;
	margin: 0px 5px;
	color: #ca5783;
	font-weight: 700;
	text-decoration: none;
	transition: 0.3s all ease-in-out;
}
.contact a:hover{
	background-color: #77bd92;
	color: #FFF;
}
.mail{
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 12px;
}
.mail a{
	padding: 10px 30px;
	display: inline-block;
	border: 2px solid #77bd92;
	border-radius: 50px;
	font-size: 20px;
	margin: 0px 5px;
	color: #ca5783;
	font-weight: 700;
	text-decoration: none;
	transition: 0.3s all ease-in-out;
}
.mail a:hover{
	background-color: #77bd92;
	color: #FFF;
}
/* Min-width 992px */
@media (max-width: 992px) {
	.wrapper h1{
		font-size:33px;
	}
	.wrapper h2{
		font-size:24px;
	}	
	
}
@media (max-width: 450px) {
	.contact{
		display: block;
		text-align: center;
	}
	.contact a{
		margin-bottom: 10px;
	}
}