/*----------Heading style start----------*/
h1{
	font-family: Playfair Display;
	font-size: 50px;
	font-style: bold;
}
h2{
	font-family: Playfair Display;
	font-size: 50px;
	font-style: italic;
}
h3{
	font-family: PlayfairDisplay;
	font-size: 40px;
	font-style: bold;
}
h4{
	font-family: Playfair Display;
	font-size: 20px;
	font-style: bold;
}
h5{
	font-family: PlayfairDisplay;
	font-size: 20px;
	font-style: italic;
}
/*
h6{
	font-family: Playfair Display;
	font-size: 50px;
	font-style: bold;
}*/

/*----------Heading style end----------*/
/*----------Paragraph style start----------*/
p{
	font-family: WorkSans;
	font-style: regular;
}
/*----------Paragraph style end----------*/




.nav-bg{
	background-color: #636363;
}
.hero-bg{
	background-color: #636363;
}
.hero-algn{
	height: 80vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
.hero-algn1{
	text-align: center;
	color: white;
}
.down1{
	color: white;
	font-size: 28px;
	display: flex;
}
.span{
	display: flex;
	justify-content: center;
}
.sig{
	display: flex;
	justify-content: center;
}
.bg-img{
	background-image: url(img/bg1.jpg);
/*	padding: 40px;*/
	display: flex;
	align-items: center;
	color: #b4b4b4;
	height: 300px;
}
.bg-clr21{
	background-color: #f6f6f6;
}
.bgcard{
	background-image: url(img/girl1.jpg);
	background-size: cover;
	width: 300px;
	height: 250px;
}
.bgcard1{
	background-image: url(img/girl4.jpg);
	background-size: cover;
	width: 300px;
	height: 250px;
}
.bgcard2{
	background-image: url(img/girl3.jpg);
	background-size: cover;
	width: 300px;
	height: 250px;
}
.crd-clr-bg{
	background-color: #ffffff;
	padding-left: 10px;
	padding-top: 10px;
}
.card-shadow{
	box-shadow: 5px 0px 5px gray;
}
button{
	background-color: black;
	color: white;
	border: none;
	padding: 5px;
	margin-top: 20px;
}
button:hover{
	background-color: pink;
	color: black;
}
.ftr-clr{
	background-color: black;
	color: #646464;
}
.ftr-clr i{
	font-size: 22px;
}



@media only screen and (max-width: 600px){
	.bg-img{
		height: 400px;
	}
}