@media only screen and (max-width: 1199px) {
	.wrap_left .site a{
		font-size: 20px;
	}
	.wrap_left .site a:after{
		width: 318px;
	}
	.site {
	    margin-top: 26px;
	}
}

@media only screen and (max-width: 599px) {
	.container-wrap {
		display: block;
	    width: 100%;
	    background: red;
	    height: auto;
	    overflow-x: hidden;
	}
	.container-wrap .wrap_left{
		background: #fbf9fa url(../images/moible-bg.jpg);
	    background-size: cover;
	    background-repeat: no-repeat;
	    width: 100%;
	    height: 100vh;
	}
	.container-wrap .wrap_left .logo img{
		width: 250px;
	}
	.wrap_left .site a:after {
	    width: 288px;
	    left: 0;
	    bottom: -15px;
	}
	.wrap_left .social{
		bottom: 2px;
	}
	.wrap_left h2{
		font-size: 42px;
		line-height: 42px;
	}
	.wrap_left h2 span{
		font-size: 32px;
	}
	.wrap_left .site a {
	    font-size: 17px;
	}
	.container-wrap .wrap_right{
		display: none;
		background: none;
	}
}