@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap"); .footer_top_box { display: none !important; } .c-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 1560px) { .c-container { max-width: 1560px; } } @media (min-width: 1200px) and (max-width: 1559.98px) { .c-container { max-width: 1140px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .c-container { max-width: 960px; } } @media (min-width: 768px) and (max-width: 991.98px) { .c-container { max-width: 720px; } } @media (min-width: 576px) and (max-width: 767.98px) { .c-container { max-width: 540px; } } @media (max-width: 575.98px) { .c-container { max-width: 100%; } } .box-1 { text-align: center; margin-bottom: 120px; } .box-1 img { width: 100%; max-width: -moz-fit-content; max-width: fit-content; } .box-2 { text-align: center; margin-bottom: 100px; } @media (max-width: 992px) { .box-2 { margin-bottom: 60px; } } .box-2 h2 { font-size: 48px; font-family: "Open Sans", sans-serif; font-weight: 300; text-transform: uppercase; max-width: 1200px; margin-left: auto; margin-right: auto; margin-bottom: 120px; color: #000; line-height: 1.3; } .box-2 h2 strong { display: block; font-size: 55px; font-weight: 700; margin-bottom: 40px; } @media (max-width: 1200px) { .box-2 h2 { font-size: 38px; margin-bottom: 50px; } .box-2 h2 strong { font-size: 38px; } } @media (max-width: 768px) { .box-2 h2 { font-size: 28px; } .box-2 h2 br { display: none; } .box-2 h2 strong { font-size: 28px; } } .box-2 p { width: 100%; color: #000; font-size: 36px; font-family: "Open Sans", sans-serif; font-weight: 300; margin-left: auto; margin-right: auto; margin-bottom: 0; line-height: 1.3; } .box-2 p strong { font-weight: 700; } @media (max-width: 1200px) { .box-2 p { font-size: 26px; } } @media (max-width: 768px) { .box-2 p { font-size: 20px; } } .box-3 .c-row-1 { display: flex; flex-direction: row; -moz-column-gap: 30px; column-gap: 30px; justify-content: space-between; } .box-3 .c-row-2 { display: flex; flex-direction: row; -moz-column-gap: 30px; column-gap: 30px; justify-content: space-between; margin-bottom: 90px; align-items: flex-end; } .box-3 .c-row-3 { padding-bottom: 30px; border-bottom: 1px solid #000; } @media (max-width: 992px) { .box-3 .c-row { flex-direction: column; row-gap: 40px; align-items: flex-start; } } .box-3 h2 { color: #000; font-family: "Open Sans", sans-serif; font-size: 36px; font-weight: 600; text-transform: uppercase; margin-bottom: 60px; } @media (max-width: 1200px) { .box-3 h2 { font-size: 32px; } } @media (max-width: 768px) { .box-3 h2 { font-size: 30px; margin-bottom: 40px; } } .box-3 ul { list-style: decimal; margin-bottom: 0px; padding-left: 50px; } .box-3 ul li { color: #000; font-family: "Open Sans", sans-serif; font-size: 36px; font-weight: 300; } .box-3 ul li:not(:last-child) { margin-bottom: 20px; } @media (max-width: 1200px) { .box-3 ul li { font-size: 26px; } } @media (max-width: 768px) { .box-3 ul li { font-size: 20px; } } .box-3 a { display: inline-block; color: #fff; padding: 20px 40px; background: #1d1d1b; font-style: italic; font-weight: 700; font-size: 24px; text-transform: uppercase; } @media (max-width: 1200px) { .box-3 a { padding: 15px 30px; } } .box-3 p { color: #000; font-family: "Open Sans", sans-serif; font-size: 18px; text-align: right; margin-bottom: 0; max-width: 1220px; margin-left: auto; } @media (max-width: 992px) { .box-3 p { text-align: left; font-size: 16px; } } .box-4 { margin-bottom: 100px; } @media (max-width: 992px) { .box-4 { margin-bottom: 150px; } } .box-4 h2 { color: #000; font-size: 38px; font-family: "Open Sans", sans-serif; font-weight: 300; margin-bottom: 48px; text-transform: uppercase; } .box-4 h2 strong { display: block; font-size: 24px; text-align: center; font-weight: bold; } @media (max-width: 1200px) { .box-4 h2 { font-size: 32px; } } .box-4 ul { list-style: initial; padding-left: 40px; } .box-4 ul li, .box-4 ol li { color: #000; font-size: 20px; font-family: "Open Sans", sans-serif; font-weight: 300; } .box-4 ul li:not(:last-child), .box-4 ol li:not(:last-child) { margin-bottom: 20px; } @media (max-width: 1200px) { .box-4 ul li, .box-4 ol li { font-size: 18px; } } .box-4 .c-row { padding-top: 90px; } .box-4 .c-row:not(:first-child) { border-top: 1px solid #000; margin-top: 90px; } @media (max-width: 992px) { .box-4 .c-row { margin-top: 60px; padding-top: 60px; } }/*# sourceMappingURL=promotion-hivernale.css.map */