@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600&display=swap');

body{ 
	margin: 0;
  	font-family: 'Montserrat', sans-serif;
  	font-weight:  300;
  	background: #333;
}

.barlow
{
	font-family: 'Barlow Condensed', sans-serif;
}
.dm-heading h2 {
    font-size: 63px;
    margin: 0;
}
.bg-main{
	background-image:url(../images/phone-hand.jpg);
	background-size: cover;
    max-width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
.bg-dm{
	background-color: #ffffff;
	width: 240px;
	height: 120px;
}

.tag-line{
	letter-spacing: 1.3px;
	font-weight: 400;
}

.dm-heading{
	margin: 60px 0 40px 0;
}

h1.main-tag{
	font-weight: 600;
	font-size: 55px;
	letter-spacing: 0.0625em;
}

h2.sub-tag{
	font-weight: 200;
	font-size: 50px;
	color: 
}
a, a:hover
{
	color: #fff;
}

.bg-dm img{
	width: 200px;
	margin-top: 30px;
}
.description{
	font-size: 18px;
	margin-bottom: 40px;
	letter-spacing: 0.0625em;
}
.stay-tuned{
	margin-bottom: 0px;
	margin-top: 16px;
}
	
.notify{
		font-weight: 400;
    	margin-bottom: 24px;
    	font-size: 16px;
}

.notify-btn{
	padding: 6px 30px;
	border: 1px solid #ffffff;
	border-radius: 25px;
	color: #ffffff;
	background-color: transparent;
	margin-bottom: 50px;
}

.signup .modal-header{
	padding: 8px 16px 0px !important;
	border-bottom: 0px;
}
.signup .modal-body{
	padding: 0px 16px 30px !important;
}

.sign-up-input input 
{
    border-radius: 5px 0px 0px 5px !important;
    padding: 8px;
}
.sign-up-input button{
	border-radius: 0px 5px 5px 0px !important;
    padding: 8px;
}
.form-signup{
	margin: 0 auto;
    display: table;
}
.sign-up-input .btn-invite  
{
    background: #ff9333 !important;
    border-color: #ff9333;
    font-size: 16px;
}

.btn-invite{
	color: #fff;
}
.sign-up-input .btn-invite:hover 
{
    background: #e6510090 !important;
}

.getintouch{
	background-image:url(../images/thanku-bg.png);
	height: 410px;
    max-width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.getintouch .modal-header{
	border-bottom: 0px;
	padding: 8px 16px 0px;
}
.getintouch .modal-body{
	padding: 0px 16px 20px;
}

.thanku-msg{
	font-size: 50px;
	font-weight: 900;
	color: #E4143E;
}
.body-msg{
	font-size: 20px;
	color: #000000;
	font-weight: 400;
}
.form-group {
    margin-bottom: 0;
}
.modal-content{
	border: none;
}






/*responsive css*/
@media screen and (max-width: 480px) and (min-width: 320px) {
	.bg-main{
		background-image:url(../images/phone-hand-mobile.jpg);	
	}
	.bg-dm{
		margin: 0 auto;
		float: none !important;
	}
	.social{
		text-align: center !important;
	}
	.dm-heading{
		margin: 60px 0 60px 0;
	}
	h1.main-tag{
		font-size: 45px;
		text-align: center;
	}
	h4.sub-tag{
		font-size: 45px;
	}
	.res-text{
	}
	.bttn{
		float: none !important;
		text-align: center;
	}
	.footer-leagel
	{
		text-align: center;
	}
}
.footer-leagel a
{
	color: #fff;
	font-size: 12px;
}
.footer-leagel span
{
	padding: 0 10px;
	color: #fff;
	vertical-align: middle;
}
.footerlink
{
	position: fixed;
    bottom: 10px;
    font-size: 14px;
}