@charset "UTF-8";

#goto-marches{ background-color: #f7f7f7; color: #494949; font-size: 16px; padding: 0 0px; padding-top: 35px; padding-bottom: 35px; }
#goto-marches{}
#goto-marches .marches{}
#goto-marches .marches-title{}
#goto-marches .marches-container{}
#goto-marches .channels{ display: flex; flex-wrap: wrap; margin: 0 -2.5px; padding: 0;  }
#goto-marches .channel{ list-style: none; margin: 0; padding: 2.5px; width: 50%;  }
#goto-marches .channel a{ display: block; transform: scale(1); transition: all 0.25s; position: relative; z-index: 1; }
#goto-marches .channel img{ display: block; height: auto; width: 100%; }
#goto-marches .channel a:focus,
#goto-marches .channel a:hover{ transform: scale(1.05); z-index: 2; }
#goto-marche-francophone{ margin-bottom: 35px; }
@media (min-width: 480px){
	#goto-marches .channel{ width: 33.33333333%; }
}
@media (min-width: 640px){
	#goto-marches .channel{ width: 25%; }
}
@media (min-width: 768px){
	#goto-marches{ font-size: 18px; padding: 0; padding-top: 35px; padding-bottom: 35px;  }
}
@media (min-width: 992px){
	#goto-marches{ padding-top: 35px; padding-bottom: 35px;  }
	#goto-marches .channels{ margin: 0 -5px; }
	#goto-marches .channel{ padding: 10px 5px; width: 25%;  }
}
@media (min-width: 1200px){
	#goto-marches{ padding-top: 35px; padding-bottom: 35px;  }
}
/*@media (min-width: 1440px) {
	#goto-marches{ padding-top: 70px; padding-bottom: 70px;  }
}*/