@media screen and (max-width: 575px) {
  .ametys-cms-content.newsletter {
    background-color: #efeeee;
    min-width: 100vw; }
  .top-text {
    font-size: 9px !important; }
  h2 {
    font-size: 25px !important;
    line-height: 38px !important; }
  .intro {
    font-size: 19px !important;
    line-height: 28px !important; }
  #newsletter-sheet .mail-grid {
    padding: 0 20px !important; }
  #newsletter-sheet .mail-item .top-el {
    font-size: 13px !important;
    line-height: 19px !important; }
  #newsletter-sheet .mail-item .bottom-el {
    font-size: 12.5px !important;
    line-height: 14px !important; }
  #newsletter-sheet .mail-item h3 {
    margin: 3px 0 !important;
    line-height: 22.5px !important; }
  .mail .intro {
    font-size: 15px !important;
    line-height: 20px !important; }
  .rayed {
    padding: 0px 15px !important; }
  .mail-item.mail-agenda .pattern {
    width: 150px !important;
    height: 100px !important; }
  #newsletter-sheet #newsletter-alaune .event-item-small, .event-item-small.vignette {
    display: block !important; }
  #newsletter-sheet td#newsletter-alaune a {
    position: relative; }
  .footer .container {
    display: block !important;
    padding: 0 20px !important; }
  .footer .container img {
    margin-top: -10px !important;
    margin: auto !important;
    display: block !important; }
  .footer .container p {
    text-align: center !important; }
  #newsletter-sheet .mail-item-2,
  #newsletter-sheet .mail-item-3 {
    display: block !important; }
  #newsletter-sheet .banner-container .banner:first-of-type {
    margin-right: 0; }
  #newsletter-sheet .banner-container .banner img,
  #newsletter-sheet .rayed .banner img {
    max-width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    width: 100% !important; }
  #newsletter-sheet .mail-item-2 img {
    width: 100% !important;
    max-width: 100% !important;
    margin: auto !important;
    display: block !important;
    margin-bottom: 20px !important; }
  #newsletter-sheet .mail-item-3 img {
    width: 100% !important;
    max-width: 100% !important;
    margin: auto !important;
    display: block !important;
    margin-bottom: 20px !important; }
  .rayed-2 {
    display: block !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important; }
  .rayed-2 h3 {
    font-size: 25px !important;
    text-align: center !important;
    margin-top: 10px !important; }
  .rayed-2 p {
    text-align: center !important;
    max-width: 90% !important;
    margin: auto !important; }
  .rayed-2 button {
    margin-top: 20px !important;
    margin-bottom: 10px !important; }
  #newsletter-sheet .banner-container {
    display: block !important; }
  #newsletter-sheet .banner img {
    max-width: calc(100% - 30px) !important;
    padding: 50px 15px !important; }
  #newsletter-sheet .grid-culture {
    display: block !important; }
  .column {
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 30px; }
  .mail-item.mail-agenda div img {
    width: 150px;
    height: 100px; } }
/*# sourceMappingURL=newsletter-mobile.scss.map */