*{padding:0; margin:0; box-sizing:border-box;}




@media screen and (min-width:390px) and (max-width:1080px)
{
	body, html{background:#fff url("../imgs/bg-body.jpg")center -70px no-repeat;}
	
	.main-envelope{width:100%; max-width:100%; flex-direction:column; padding:0 20px;
	 margin:30px auto;}
	
	.main-left{max-width:100%;}
	
	.main-logos{max-width:240px; height:140px; margin:0 auto 10px auto;}
	
	.main-titles-ar h5{color:#3b6c54; font-family:'Shubbak Bold'; font-size:15px;}
    .main-titles-ar h3{color:#3b6c54; font-family:'Shubbak Bold'; font-size:26px;}
    .main-titles-ar h6{color:#3b6c54; font-family:'Shubbak Bold'; font-size:18px;}
    .main-titles-ar h1{color:#3b6c54; font-family:'Shubbak Bold'; font-size:38px;}
	
	
	.main-titles-fr{margin-bottom:20px;}
	
	.main-titles-fr h5{color:#3b6c54; font-family:'Rubik SemiBold'; font-size:14px;}
    .main-titles-fr h4{color:#3b6c54; font-family:'Rubik SemiBold'; font-size:18px;}
    .main-titles-fr h6{color:#3b6c54; font-family:'Rubik SemiBold'; font-size:14px;}
    .double-titles{width:100%; display:flex; justify-content:center; align-items:flex-end;}
    .double-titles h3{color:#3b6c54; font-family:'Rubik Bold'; font-size:22px;}
    .double-titles h6{color:#3b6c54; font-family:'Rubik SemiBold'; font-size:14px; margin:0 0 2px 10px;}
    .main-titles-fr h1{color:#3b6c54; font-family:'Rubik Bold'; font-size:26px;}
	
	
	.main-right{max-width:100%; height:527px; margin:0 0 40px 0;}
	
}