*, *:before, *:after{
	box-sizing: border-box;
}
body{
	font-family: 'Maven Pro', sans-serif;
	margin: 0;
}
html{
	font-size: 10px;
}
@media (max-width: 1199px){
	html{
		font-size: 8px;
	}
	
}

.main{
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100vh;
	-ms-align-items: center;
	align-items: center;
	min-height: 600px;
	background-image: url(main-bg.jpg);
	background-repeat: no-repeat center;
	background-size: cover;
	position: relative;
}
.main-overlay{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .8;
	z-index: 0;
    background-image: -moz-linear-gradient( 150deg, rgb(136,211,206) 0%, rgb(110,69,226) 100%);
    background-image: -webkit-linear-gradient( 150deg, rgb(136,211,206) 0%, rgb(110,69,226) 100%);
    background-image: -ms-linear-gradient( 150deg, rgb(136,211,206) 0%, rgb(110,69,226) 100%);
}
.header{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	height: 10vh;
	-ms-align-items: center;
	align-items: center;
	width: 90%;
	position: relative;
	z-index: 2;
}
.menu{
	width: 70%;
}
.menu ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-around;
	list-style: none;
}
.menu-link{
	color: #fff;
	text-decoration: none;
	font-size: 1.5rem;
}
.get-started-btn{
	margin-left: 60px;
	border: 1px solid #fff;
	padding: 10px 20px;
	border-radius: 100px;
	text-transform: uppercase;
}
.main-text{
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	position: relative;
	z-index: 2;
	text-align: center;
}
.main-text span{
	display: inline-block; 
	font-size: 2rem;
}
.main-text h1{
	margin: 0.5rem;
	font-size: 80px;
}
.main-text p{
	font-size: 2rem;
}
.main-text span::after{
	content: '';
	width: 20px;
	height: 1px;
	background-color: #fff;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}.main-text span::before{
	content: '';
	width: 20px;
	height: 1px;
	background-color: #fff;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.main-arrow{
	position: relative;
	z-index: 2;
	height: 20vh;
	display: flex;
	justify-content: center;
	align-items: center;
}
.arrow-down{
	width: 50px;
	height: 50px;
	background-color: #fff;
	text-align: center;
	line-height: 55px;
	border-radius: 50%;
	box-shadow: 0px 0px 18.69px 2.31px rgba(204, 204, 223, 0.5);
}
.table{
	background-color: #f9fafc;
	padding: 10rem;
}
.table-header{
	text-align: center;
	margin-bottom: 5rem;
}
.table-header span{
	text-transform: uppercase;
	font-size: 2rem;
	color: #9fa4af;
}
.table-header span::after{
	content: '';
	width: 20px;
	height: 1px;
	background-color: #6e45e2;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}
.table-header span::before{
	content: '';
	width: 20px;
	height: 1px;
	background-color: #6e45e2;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.table-header p{
	font-size: 1.8rem;
	display: inline-block;
	width: 40rem;
	line-height: 1.4;
	color: #9fa4af;
}
.table-header h2{
	color: #4f4f6f;
	font-size: 6rem;
	margin: 0;
}
.price-tags{
	display: flex;
	justify-content: space-around;
	-ms-align-items: center;
	align-items: center;
}
.price-tag{
	
	background-color: #fff;
	border-radius: 2rem;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 30rem;
	height: 40rem;
	text-align: center;
	align-items: center;
	transition: 0.5s;
}
.price-tag:hover{
	cursor: pointer;
	box-shadow: 0px 0px 60px 10px rgba(204, 204, 223, 0.71);
}
.price-tag span{
	font-size: 1.4rem;
	text-transform: uppercase;
	margin: 3rem auto 1rem;
}
.price-tag h4{
	font-weight: 500;
	margin: 1rem;
	color: #4f4f6f;
	font-size: 3.5rem;
}
.price-tag sub{
	font-size: 1.4rem;
}
.price-tag sup{
	vertical-align: super;
	font-size: 1.4rem;
	margin-right: .5rem;
}
.price-tag p{
	color: #9fa4af;
}
.price-btn{
	background-color: #fff;
	border: #9fa4af 1px solid;
	color: #9fa4af;
	text-transform: uppercase;
	font-size: 1rem;
	font-weight: 300;
	padding: 1rem 4rem;
	border-radius: 100px;
	transition: .2s;
}
.price-btn:hover{
	background-color: #6e45e2;
	color: #fff;
	box-shadow: none;
	cursor: pointer;
}
.call-to-action{
	text-align: center;
	position: relative;
	padding: 15rem;
	background-image: url(map.png);
	color: #fff;
    /*background-image: -moz-linear-gradient( 150deg, rgb(136,211,206) 0%, rgb(110,69,226) 100%);
    background-image: -webkit-linear-gradient( 150deg, rgb(136,211,206) 0%, rgb(110,69,226) 100%);
    background-image: -ms-linear-gradient( 150deg, rgb(136,211,206) 0%, rgb(110,69,226) 100%);*/
}
.call-to-action span{
	font-size: 1.5rem;
	text-transform: uppercase;
	font-weight: 500;
}
.call-to-action h4{
	font-weight: 500;
	font-size: 5.5rem;
	margin: 1rem auto 2rem;
}
.cta-btn{
	display: inline-block;
	border: none;
	background-color: #fff;
	color: #c2c9db;
	width: 20rem;
	height: 5rem;
	font-size: 1.4rem;
	text-transform: uppercase;
	font-weight: 700;
	margin: 1rem;
	border-radius: 100px;
	transition: 0.2s;
}
.cta-btn:hover{
	background-color: #6e45e2;
	color: #fff;
	cursor: pointer;

}
.footer-wrap{
	display: flex;
	justify-content: center;
}
.footer{
	height: 10vh;
	-ms-align-items: center;
	align-items: center;
	width: 90%;
	display: flex; 
	justify-content: space-between;
}
.footer-menu{
	width: 50%;
}
.footer-menu ul{
	display: flex;
	justify-content: space-around;
	list-style: none;
}
.footer-menu-link{
	font-size: 1.4rem;
	text-decoration: none;
	color: #6a6a77;
	font-weight: 500;
}
.footer-get-started{
	margin-left: 60px;
	border: 1px solid #fff;
	background-color: #6e45e2;
	padding: 10px 20px;
	border-radius: 100px;
	text-transform: uppercase;
	color: #fff;
}
.line{
	display: block;
	width: 90%;
	height: 1px;
	background-color: #333;
	margin: 1rem auto;
}
.legal{
	padding-left: 5%;
	padding-right: 5%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.copy{
	font-size: 1.4rem;
	color: #6a6a77;
}
.social-links a{
	font-size: 1.4rem;
	color: #6a6a77;
	display: inline-block;
	margin-right: 1rem;
}
.m-menu-link{
	color: #fff;
	display: none;
	font-size: 3rem;
}
@media (max-width: 991px){
	html{
		font-size: 7px;
	}
	.main-text span{
	display: inline-block; 
	font-size: 3rem;
	}
	.main-text h1{
		margin: 0.5rem;
		font-size: 90px;
	}
	.main-text p{
		font-size: 3rem;
	}
	.visible-lg{
		display: none;
	}
	.m-menu-link{
		display: block;
	}
	.get-started-btn{
		margin: 0;
	}
	.price-tags{
		flex-direction: column;
	}
	.price-tag{
		width: 90%;
		margin: 2rem auto;
	}
	.footer{
		justify-content: center;
	}
	.footer-menu{
		display: none;
	}
	.social-links{
		padding-top: 3rem;
	}
	.social-links a{
		font-size: 3rem;
	}
	.legal{
		flex-direction: column;
		padding-bottom: 5rem;
	}
	.call-to-action button{
		text-align: center;
		justify-content: space-around;
		display: flex;
		margin-right: 40%;
	}
	.cta-btn{
		margin-left: 40%;
		width: 25rem;
		height: 10rem;
		font-size: 2rem;
	}	
	.call-to-action h4{
		display: flex;
		width: 50%;
		font-size: 7.5rem;
		font-weight: 700;
	}
	.call-to-action span{
		font-size: 2.5rem;
	}
	.menu-link{
		font-size: 3rem;
	}
}
.m-menu{
	padding: 0;
	margin: 0;
	position: fixed;
	right: 0;
	top: 0;
	height: 100vh;
	width: 100%;
	list-style: none; 	
	font-size: 3rem;
	line-height: 6rem;
	background-color: #6e45e2;
	z-index: 9999;
	display: flex;
	line-height: 3;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transform: translateX(100%);
	transition: 0.2s;
}
.m-menu_active{
	transform: translateX(0%);
}
.close-menu{
	position: fixed;
	right: 5rem;
	font-size: 5rem;
	top: 5rem;
	font-weight: 900;
	color: #fff;
}
.close-menu:hover{
	cursor: pointer;
}