@media(max-width: 1600px){
	.main-content .logo-2{
		width: 34%;
	}
	.main-content h1{
		font-size: 58px;
		margin: 2% 0;
	}
	.main-content p{
		font-size: 20px;
	}
	.main-content a.butn{
		font-size: 18px;
		padding: 14px 32px;
	}
}
@media(max-width: 1400px){
	header img{
		width: 50%;
	}
	.main-content .logo-2{
		width: 32%;
	}
	.main-content h1{
		font-size: 48px;
		margin: 4% 0;
	}
	.main-content p{
		font-size: 16px;
	}
	.main-content a.butn{
		font-size: 11px;
		padding: 9px 18px;
		margin-top: 4px;
	}
}
@media(max-width: 768px){
	.root .main{
		overflow: hidden;
		height: 100%;
	}
	.main .bg{
		position: absolute;
	}
	header img{
		width: 48%;
	}
	.main-content{
		top: 20%;
	}
	.main-content h1{
		font-size: 32px;
		margin: 2% 0;
	}
	.main-content p{
		font-size: 14px;
	}
	.main-content a.butn{
		font-size: 10px;
		padding: 12px 18px;
		margin-top: 1%;
	}
}
@media(max-width: 475px){
	header img{
		width: 48%;
	}
	.main-content .logo-2{
		width: 32%;
	}
	.main-content h1{
		font-size: 22px;
		letter-spacing: 8px;
	}
	.main-content a.butn{
		font-size: 8px;
		padding: 10px 16px;
	}
	.social-content a{
		width: 24px;
		height: 24px;
	}
}