@charset "utf-8";
/* CSS Document */
@media (max-width: 1915px) {
	#home .unity {
	 
		background-position: 110% 0%;
		background-size: 75%;
	}
}

@media (max-width: 1800px) {
	#home .unity {
		background-position: 190% 0%;
		background-size: 85%;
	}
	
	#home h2.center{
		width:70%;
	}
}

@media (max-width: 1650px) {
	#home .unity .text{
		width:40%;
	}
	
	#home .unity {
		background-position: 600% 0%;
		background-size: 95%;
	}
	
	#home .join .main, #home .unity .main{
		width:95%;
	}
	
	#home .testimonials{
		background-size:cover;
	}
	
	#home .links .overlay{
		bottom:30px;
		left:30px;
	}
}

@media (max-width: 1450px) {
	#home .unity {
		background-position: center;
		background-size: cover;
	}
	
	#home .unity .main{
		background:rgba(255,255,2550,0.7);
		width:100%;
		padding:70px 5%;
	}
	
	#home .unity .text{
		width:100%;
	}
	
	#home h2.center {
		width: 90%;
	}
	
	#home .testimonials.two h2.center{
		font-size:40px;
		line-height:45px;
	}
	
	#home .links .box{
		width:32%;
	}
	
	#home .links .box.middle {
		margin: 0 2%;
	}
	
	#home .links {
		padding: 70px 2%;
	}
	
	#home .header{
		height:100%;
	}
	
	
}

@media (max-width: 1200px) {
	body {
		min-width:1000px;
	}
	
	
	#home .overlay{
		bottom:100px;
	}
	
	#home h2.center {
		width: 100%;
		font-size:40px;
		line-height:45px;
	}
	
	#home h2 .red {
		text-align: center;
	}
	
	#home h2 .white{
		padding:0;
	}
	
	#home .links .small{
		font-size:14px;
		width:90%;
		padding:20px 0;
	}
	
	#home .links .button{
		letter-spacing:1px;
	}
	
	#home .links .overlay h2{
		font-size:50px;
		line-height:32px;
	}
	
	#home .links .sub{
		font-size:30px;
	}
	
	#home .testimonials.two h2.center {
		font-size: 30px;
		line-height: 35px;
	}
	
	header#home{
		padding:40px 30px;
	}
	
	
	
		

}

@media (max-width: 1000px) {
	body {
		min-width:960px;
	}
	
	header h1{
		margin:30px 0 0 0;
	}
	
	header{
		min-height:285px;
	}
	
	#holidaygifts-section .left, #holidaygifts-section .right{
		float:none;
		width:85%;
		margin:10px auto;
	}
	
	#holidaygifts-section .left{
		margin:30px auto 40px auto;}
}

@media (max-width: 960px) {
	body {
		min-width:100%;
	}
	
	#home .text{
		font-size:20px;
		line-height:25px;
	}
	
	#home .overlay {
		bottom: 50px;
	}
	
	#home h3{
		font-size:25px;
	}
	
	#home .join .main, #home .unity .main{
		padding:50px 0;
	}
	
	#home .join .stat{
		width:50%;
		height:370px;
	}
	
	#home .links .box{
		width:80%;
		margin:0 auto;
	}
	
	#home .links .box.middle{
		margin:40px 0;
	}
	
	#home .links .small {
		font-size: 16px;
		width: 100%;
		padding: 40px 0;
	}
	
	.about-block.d-flex{
		display:block!important;
	}
	
	.about-block h2 {
	 
		text-align: center;
	 
		padding-right: 0px;
		width: 100%;
	}
	
	.about-block h2 span{
		display:inline;
	}
	
	 #dn-center{
		 width:95%;
	 }
}

@media (max-width: 850px) {
	#home .overlay h1 {
		font-size: 53px;
	}
	
	#home .feed {
		width: 380px;
		margin: 0 0 50px 0;
	}
	
	#dn-center.login{
		padding:30px;
		width:75%;
	}
}

@media (max-width:750px) {
	.button{
		margin:25px auto 0 auto;
	}
	
	#home .ban.left, #home .ban.right{
		float:none;
		width:100%;
		margin:0;
		border-top:6px solid #fff;
	}
	
	#home .unity h2, #home .unity h3{
		font-size:40px;
	}
	
	#home .links h3 {
		font-size: 40px;
	 
		line-height: 43px;
	}
	
	#home h2{
		font-size:40px;
	}
	
	footer .sign-up{
		width:100%;
	}
	
	#about-section .introduction img{
		width:100%;
	}
	
	form.vr-signup-form{
		width:100%;
	}
	
	form.vr-signup-form div.vr-field {
		width: 88%;
	}
}

@media (max-width: 650px) {
	#logo{
		width:120px;
	}
	
	#home .text{
		font-size:18px;
	}
	
	#home .overlay h1 {
		font-size: 43px;
	}
	
	#home .overlay {
		bottom: 20px;
	}
	
	#home .testimonials, #home .follow{
		padding:40px 0;
	}
	
	.team-block .team-meta{
		width:100%;
		padding:0;
	}
	
	.team-block h2 {
	 
		font-size: 25px;
		line-height: 25px;
	 
		margin-bottom: 10px;
	}
	
	.team-block .team-meta p{
		font-size:14px;
	}
	
	form.vr-signup-form div.vr-field {
		width: 87%;
	}
		
}

@media (max-width: 550px) {
	.button {
		 
		margin: 10px auto 0 auto;
		 
		line-height: 30px;
		font-size: 12px;
		 
		width: 230px;
		letter-spacing: 1px;
	}
	
	#home .text {
		font-size: 13px;
		line-height:20px;
	}
	
	header#home {
		padding: 10px 20px;
	}
	
	#home .overlay h1 {
		font-size: 33px;
		margin: 0 0 0px 0;
	}
	
	.open-nav-button{
		top:15px;
	}
	
	#home .join .stat {
		width: 100%;
		height: 350px;
	}
	
	#home .unity h2, #home .unity h3 {
		font-size: 30px;
	}
	
	#home h2.center {
		margin:0 auto 20px auto;
		font-size: 25px;
		line-height: 30px;
	}
	
	#home h2.name {
		 
		padding: 20px 0 5px 0;
	}
	
	#home .links {
		padding: 40px 2%;
	}
	
	#home h2 {
		font-size: 35px;
	}
	
	#home .links .box{
		width:100%;
	}
	
	header h1 {
		margin: 0px 0 0 0;
	}
	
	header {
		min-height: 165px;
	}
	
	section {
		padding: 40px 0;
	}
	
	.about-block h2 {
	 
		margin-bottom: 20px;
		font-size:40px;
		text-align:left;
	}
	
	footer .wrapper {
	 
		padding: 0 10px;
	}
	
	form.vr-signup-form div.vr-field {
		width: 84%;
	}
	
	#home .feed{
		width:320px;
	}
	
	#holidaygifts  h1{
		font-size:30px;
		letter-spacing:normal;
	}
	
	#holidaygifts-section .left, #holidaygifts-section .right{
		width:100%;
	}
	
	#dn-center.login {
		padding: 20px;
		width: 100%;
	}
	
	#dn-center{
		padding:20px;
	}
	
	#holidaygifts-section #dn-center.middle {
		padding: 0 20px;
	}
	
	#dn-center .dn-twoleft, #dn-center .dn-tworight, #dn-center .dn-threeleft, #dn-center .dn-threeright, #dn-center .dn-threecenter, #dn-center .dn-threewrap{
		float:none;
		width:100%;
	}
	
	#dn-center {
		width: 100%;
		padding:20px 10px;
	}
	
	.dn-head{
		font-size:25px;
	}
	
	#dn-center .quantity{
		width:60px!important;
	}
}