@charset "UTF-8";
/* CSS Document */

@media only screen and (max-width:1500px){
	.cs_a_left_text {
		left: -4px;
		top: -17px;
		transform: rotate(270deg);
	}
}

@media only screen and (max-width:1160px){
	#main_contain{
		padding-top: 24px;
	}
	#home {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-right: 0px;
	}
	.main_white{
		margin: 24px 24px 24px 24px;
		width:90%;
	}
	#back_home{
		margin-left: -24px;
	}
	.cmyk_links {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 24px 0px 0px 0px;
		
	}
	#OA_Exp, #OA_Exp2 {
    	width: 90%;
	}
	.canvaz:hover .company_box {
		color: #fff;
		background: rgba(0,0,0,0);
		border: transparent;
	}
	
	.CS_wrapper {
		display: flex;
		flex-direction: column-reverse;
		width: 100vw;
		align-items: center;
	}
	#CS_Dt, #CS_Dt2 {
		width: 90%;
	}	
	.CS_target, .OA_target {
    	width: 100%;
	}
	#CS_target, #CS_target2 {
    	width: 100%;
	}
	.image_glitch_mag {
    	width: 100%;
	}
	.a_left {
		transform: rotate(90deg);
		position: relative;
		left: 4%;
		align-self: flex-start;
	}
			
	#SOE_Ext, #SOE_Ext2 {
		width: 90%;
	}
	.f_col{
		flex-direction: column;
	}
	.smol_btn_btm article{
		width: 90%;
		margin: 24px;

	}
	.smol_btn_btm{
			flex-direction: row-reverse;
		}
	.f_ake{
			display:none!important;
		}
	.a_down {
		right: 5%;
		transform: rotate(90deg);
		top: -2px;
		left: -42.8%;
		position: relative;
	}
	.a_bottom {
		transform: rotate(-90deg);
		top: -13px;
		left: -42.8%;
		position: relative;
	}
	#BH{
			height: 0px;
			display: none;
			flex-direction: row;
			justify-content: center;
		}
	.tribox {
		width: 90px;
		height: 90px;
		position: relative;
		left: -21px;
		top: -44px;
		cursor: pointer;
	}
	.me_left_pic{
			width:100%;
			display: flex;
			align-items: flex-end;
			flex-direction: column;
		}
		.me_right_text{
			width:90%;
			padding: 125px 0px;
			text-align: left;
			margin-left: 0px;
		}
		.side_text {
			
			font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
			font-size: 13px;
			line-height: 1.71429;
			font-weight: 300;
			color: #111111;
			background-color: #ffffff;
			letter-spacing: .05em;
			-webkit-text-size-adjust: none;
			-webkit-font-smoothing: subpixel-antialiased;
		}
		.me_right_pic{
			width:100%;
			display: flex;
			align-items: flex-start;
			flex-direction: column;
		}
		.me_left_text{
			width:90%;
			padding: 125px 0px;
			text-align: left;
			margin-right: 0px;
		}
		.me_center_text{
			width:100%;
			padding: 125px 0px;
			text-align: center;
			margin-right: 0px;
		}
	.me_right_pic img, .me_left_pic img{
		width:100%;
	}
	.o1{
		order:1;
	}
	.o2{
		order:2;
	}
}


@media only screen and (max-width:769px){
	
	.border_remove_cs_p{
		display: none;
	}
	.company_box {
    	Width: 100%;
	}
	.port1{
		line-height: 16px;
	}
	.col_2_oa{
			margin-left: 16px;
			
		}
	.cmyk_links{
		width: 100%;
	}
}

@media only screen and (max-width:450px){
	.pro_font{
		letter-spacing: 12px;
		margin-left: 12px;
	}
	.projects_circle{
		width:95px;
		height:90px;
	}
	
}