*{
	padding: 0;
	margin: 0;
}
body{
	overflow-y: hidden;
}
.first-page{
	height: 1440px;
	background-repeat: no-repeat;
	background-position: center top;
}
.logo-top{
	text-align: center;
	padding-top: 50px;
}
.title-main{
	text-align: center;
	font-family: 'Red Rose', cursive;
	font-size: 100px;
	color: #fff;
	padding-bottom: 60px;
	position: relative;
}
.title-main::after{
	content: '';
	width: 186px;
	height: 2px;
	background-color: #fff;
	position: absolute;
	bottom: 40px;
	left: 50%;
    transform: translate(-50%, 0);
}
.subtitle-main{
	font-family: 'Red Rose', cursive;
	font-size: 20px;
	color: #fff;
	text-align: center;
	max-width: 700px;
	margin: 0 auto;	
}
.btn-main{
	text-align: center;
	margin-top: 70px;
}
.btn-main a{
	text-decoration: none;	
}
.btn-main a button{
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 50px;
	color: #fff;
	padding: 20px 50px;
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	transition: .6s all;
}
.btn-main a button:hover{
	color: #fff;
	box-shadow: 0px 0px 10px 0.3px rgba(255 , 255 , 255 , 0.5);
}
.btn-main a button::before{
	content: '';
	position: absolute;
	width: 50px;
	height: 150%;
	background-color: rgba(255, 255, 255 , 0.4);
	top: -15%;	
	left: -25%;	
	transition: .6s all;
	transform: rotate(15deg);
}

.btn-main a button:hover::before{
	transition: .6s all;
	left: 100%;
}
.content-center{
	margin-top: 80px;
}
.icon-social-list{
	display: flex;
}
.social-icons{
	text-align: center;
	justify-content: center;
	display: flex;
}
.bottom-content{
	text-align: center;
	margin-top: 170px;
}
.subscribe-text{
	font-family: 'Red Rose', cursive;
	font-size: 20px;
	color: #fff;
	margin-bottom: 20px;
}
.bottom-content ul li{
	list-style-type: none;
	margin: 0 10px;
	transition: .3s all;

}
.bottom-content ul li a img{
	transition: .3s all;
}
.bottom-content ul li:hover img{
	 transform: scale(1.2);
	 transition: .3s all;
}
@media (max-width: 1024px){
	.logo-top{
		text-align: center;
		padding-top: 30px;		
	}
	.logo-top img{
		transform: scale(0.7);
	}
	.content-center{
		margin-top: 50px;
	}
	.title-main{
		text-align: center;
		font-family: 'Red Rose', cursive;
		font-size: 70px;
		color: #fff;
		padding-bottom: 40px;
		position: relative;
	}
	.title-main::after{
		content: '';
		width: 136px;
		height: 1px;
		background-color: #fff;
		position: absolute;
		bottom: 30px;
		left: 50%;
	    transform: translate(-50%, 0);
	}
	.subtitle-main{
		font-family: 'Red Rose', cursive;
		font-size: 15px;
		color: #fff;
		text-align: center;
		max-width: 500px;
		margin: 0 auto;	
		padding: 0 10px;
	}
	.btn-main{
		text-align: center;
		margin-top: 40px;
	}
	.btn-main a{
	text-decoration: none;	
	}
	.btn-main a button{
		background-color: transparent;
		border: 1px solid #fff;
		border-radius: 50px;
		color: #fff;
		padding: 15px 30px;
		font-family: 'Montserrat', sans-serif;
		font-size: 15px;
		cursor: pointer;
		position: relative;
		overflow: hidden;
		transition: .6s all;
	}
	.btn-main a button:hover{
		color: #fff;
		box-shadow: 0px 0px 10px 0.3px rgba(255 , 255 , 255 , 0.5);
	}
	.btn-main a button::before{
		content: '';
		position: absolute;
		width: 50px;
		height: 150%;
		background-color: rgba(255, 255, 255 , 0.4);
		top: -15%;	
		left: -35%;	
		transition: .6s all;
		transform: rotate(15deg);
	}
	.bottom-content{
		text-align: center;
		margin-top: 120px;
	}
	.bottom-content ul li{
		list-style-type: none;
		margin: 0 10px;
		transition: .3s all;
	}
	.bottom-content ul li a img{
		transition: .3s all;
	}
	.bottom-content ul li:hover img{
		 transform: scale(1.2);
		 transition: .3s all;
	}
	.subscribe-text{
		font-family: 'Red Rose', cursive;
		font-size: 15px;
		color: #fff;
		margin-bottom: 20px;
	}
}
@media (max-width: 567px){
	.title-main{
		text-align: center;
		font-family: 'Red Rose', cursive;
		font-size: 50px;
		color: #fff;
		padding-bottom: 40px;
		position: relative;
	}
}
@media (max-width: 400px){
	.subtitle-main{
		font-size: 13px;
	}
}