@media only screen and (max-width: 1024px) {

	#section_1 .item {background-position: 60% 0;}
	
	.home_polygon_logo {width: 100%; height: auto; -webkit-clip-path: initial; clip-path: initial;}
	.home_polygon_logo_img {width: 100%; padding-left: 0; padding-bottom: 10px; margin-bottom: 0; text-align: center;}
		.home_polygon_logo_img img {display: block; width: 75%; margin: 0 auto;}
		.home_polygon_logo_img p {width: 75%; margin: 0 auto;}

	#section_11 .item {height: auto; padding-bottom: 20px;}

	#objectives {position: static;}
    	#objectives p {line-height: 100% !important;}
}	

@media only screen and (max-width: 980px) {
	#email {font-size: 23px !important;}
	#sidebar {display: none;}
	#footer_partners {height: 120px;}
	.home_polygon_logo_img {margin-bottom: 0;}

	.objectives_wrapper { margin-top: 40px; text-align: left !important; height: auto !important;}
		.objectives_wrapper br {display: none;}

	#section_12 .container { padding-top:50px; padding-bottom:25px; }
}


@media only screen and (max-width: 768px) {
	.home_polygon_text_1, .home_polygon_menu_1, .home_polygon_text_2, .home_polygon_menu_2 {display: none;}
	#section_1 .item {background-position: 70% 0;}
	
	#section_11 .item {height: auto; padding-bottom: 20px; background-position: 30% 0;}
	
	#section_6 .item {background-position: 100% 0;}

	.home_polygon_logo {height: auto; margin-bottom: 0;}
	.home_polygon_logo_img {width: 100%; padding-left: 0;}
		.home_polygon_logo_img img {margin: 0 auto; width: 90%;}

    #simple-menu {
    	display: block;
    	position: fixed; top: 15px; right: 10px; z-index: 9999;
    }

    #sidr {
    	display: block;
    }

    #courriel, #prenom { margin-bottom: 15px; }
    


    .fondation_polygon_logo {-webkit-clip-path: none; clip-path: none; height: 260px; margin-bottom: 0}
    .fondation_polygon_logo_img {padding-right: 0; text-align: center; margin-bottom: 20px; }
    	.fondation_polygon_logo_img img {width: 90%;}

    #fondation_intro {padding-top: 25px; padding-bottom: 25px;}
    	#fondation_intro span { display: block; }

    #fondation_section .item p {padding: 0 15px;}


}

@media only screen and (max-width: 767px) {
		
		#section_6 .item {height: 100%; padding-bottom: 75px;}
		#placement_2 {height: 100% !important;}
			#placement_2 .section_orange_over {height: 100% !important;}

		#placement_count {margin-bottom: 20px;}
		#placement_result {padding-bottom: 20px;}

		.hoverbtn {width: 100% !important;}

		#section_12 .container { padding-top:0; }

		.footer_div {height: 100%;}
	   	.footer_in_div {position: static; height: auto; padding: 10px 0; text-align: center !important;}
}

@media only screen and (max-width: 650px) {

	.gmap {width: 100%;}
	
	.home_polygon_logo_img {width: 100%; padding-left: 0;}
		.home_polygon_logo_img img {width: 90%; margin: 0 auto;}
		.home_polygon_logo_img p {width: 90%; margin: 0 auto;}

	#couvert {font-size:60px; font-weight:bold; line-height: 60px;}

	#services_left { float: none; }
	#services_left span { display: block; }
	#services_right { float: none; }
	#services_right span { display: block; }

	.footer_div {margin: 0 auto; text-align: center; height: auto;}

	#section_4 {height: auto !important;}
	#prenom, #courriel {margin-bottom: 15px;}
}

@media only screen and (max-width: 550px) {

}

@media only screen and (max-width: 510px) {
	.home_polygon_logo {margin-bottom: 0;}

	#proprio {font-size: 42px !important;}
	#entreprise {font-size: 60px !important;}

	#planif_service {color:#ffffff; font-size:40px; font-weight:bold; padding-top: 75px;}
	#planif_service2 {color:#ffffff; font-size:60px; font-weight:bold;}
	#planif_service3 {font-weight:bold; font-size:20px; color:#ffffff;}
		#planif_service3 p {font-weight: normal; padding: 0; margin: 0;}

	.fondation_polygon_logo {height: 200px;}
}

@media only screen and (max-width: 480px) {
	#proprio {font-size: 33px !important;}
	#entreprise {font-size: 41px !important;}

	#email {font-size: 19px !important;}
	#section_1 .item {height: 570px;}

	#planif_service2 {color:#ffffff;font-size:50px;font-weight:bold;}
	#joindre_container {background-image: url(../images/responsive/Onepager_Contact.jpg); padding-top: 200px;}
	.joindre_background {background: url(../images/responsive/joindre_background.png) repeat; padding: 0 15px 15px 15px;}
		.joindre_background a img {width: 100%;}

	#rejoindre_email {font-size: 18px;}
}

@media only screen and (max-width: 420px) {
	#section_3 .item {height: 460px;}
	#planif_container {padding-top: 0;}
	#hypo {font-size: 46px;}
	#rejoindre_title {font-size: 60px;}
}

@media only screen and (max-width: 360px) {
	#planif_container {padding-top: 140px;}
	#planif_service {font-size:24px; padding-top: 0;}
	#planif_service2 {font-size:26px;}
	#planif_service3 {font-size:14px;}
	#planif_service3 p {margin: 0;}

	#section_4 {margin-top: 0; height: 425px !important;}
	#soumission_2 {height: auto !important; padding: 10px !important;}

	#placements_container {padding-top: 50px;}
	#placement_1 {height: 550px;}
	#placement_text {text-align: left; font-size: 48px;}

	#soumission_1 .row {padding-top: 0;}
	#soumission_click img {padding-left: 15px !important;}

	#hypo {font-size: 35px;}

	#soumission_head {font-size: 26px;}

	#joindre_head {font-size: 36px;}

	#temoignagnes_head {font-size: 50px; color: #e5552f;}

	#joindre_container {background-image: url(../images/responsive/Onepager_Contact.jpg);}
	#accueil_container {background-image: url(../images/responsive/Onepager_accueil.jpg);}
	#hypotheque_1, #hypotheque_2 {background-image: url(../images/responsive/Onepager_hypotheque.jpg); background-position: 100% 0 !important;}
	#planif_container_wrap {background-image: url(../images/responsive/Onepager_planificationfinanciere.jpg);}

	.fondation_polygon_logo {height: 160px;}
	.fondation_smaller_text {font-size: 66px !important;}


	
}

@media only screen and (max-width: 320px) {

	#section_1 .item {height: 568px;}
	#email {font-size: 17px !important;}
	
	.home_polygon_logo {height: auto; margin-bottom: 0;}
	.home_polygon_logo_img {width: 100%; height: initial; padding-left: 0;}
		.home_polygon_logo_img img {width: 100%; margin: 0 auto;}

	#section_6 .item { height: auto; }

	.sidr ul li {line-height: 40px !important;}
	.sidr ul li a {font-size: 12px !important;}
}

