@charset "utf-8";

@media (max-width: 560px)
{
	body { background-size: 560px;}
	
	.oxbody { max-width: 435px !important; }
	.head_text { margin-top: 0.2% !important; margin-left: -32% !important;}
	.head_text a { font-size: 0.6em !important; }
	.social_icons { margin-top: -4.0% !important; }
	.facebook_small { width: 7% }
	.twitter_small { width: 8% }
	.youtube_small { width: 11% }
	
	
	.pj_logo { width: 75%; margin-top: -5.0% !important;}
	.cp_desc { font-size: 0.5em !important; margin-top: -4.0% !important; margin-bottom: 2.0% !important;}
	.head_buttons { margin-left: 4% !important; }
	.button_trailer { font-size: 0.4em !important; }
	.button_steam { font-size: 0.4em !important; }
	
	.project_article { margin-top: 5% !important; font-size: 0.6em !important; margin-left: 7% !important;}
	
	
	.third_container { margin-top: 7% !important; height: 80px !important;}
	@-moz-document url-prefix() { .third_container { margin-top: 3% !important; } } 
	.s_date { font-size: 0.6em !important; }
	.s_article { font-size: 0.5em !important; }
	.button_screens { font-size: 0.4em !important; }
	.button_video { font-size: 0.4em !important; }
	.button_info { font-size: 0.4em !important; }
	
	
	.fourth_container { height: 135px !important; }
	.f_container { max-width: 39% !important; margin-top: -3.0% !important; }
	.f_head { font-size: 0.6em !important;}

	.f_article { font-size: 0.45em !important; margin-top: -1.0% !important;}
	@media not all and (min-resolution:.001dpcm) { @media {

    .f_article { font-size: 0.1em !important; margin-top: -1.0% !important;}
}}
	.trailer-video { width: 220px !important; height: 123px !important; margin-top: -0% !important; margin-right: 5% !important; }
	.screens-row { margin-right: 2.9% !important; }
	.prev_img { width: 8.9% !important; }

	
	.fifth_container { height: 75px !important; }

	.img-build { width: 60% !important; }
	.img-manage { width: 75% !important; }
	.img-diag { width: 38% !important; }
	
	

	.cp_logo { width: 63% !important; }
	.contact_article { font-size: 0.6em !important; }
	.contact_mail { font-size: 0.6em !important; }
	.steam_icon { width: 19% !important; }

	.contact_icons { margin-top: 4% !important; }
	.facebook {  width: 4.5% !important; }
	.twitter { width: 5.0% !important; }
	.youtube { width: 6.0% !important; }
	
	.s_buttons { margin-top: 5% !important; }
	.button_mailing { font-size: 0.4em !important; }
	.button_forum { font-size: 0.4em !important; }
	.button_press { font-size: 0.4em !important; }
	
	.about_cp { font-size: 0.5em !important; margin-top: 7.5% !important;}
	.about_copyright { font-size: 0.5em !important; margin-top: 7.5% !important;}
}