@use 'sass:list';
@use 'sass:string';
.landing-mostre {
  font-family: 'Montserrat', sans-serif;
  background: #F5F5F5;
  margin: 0;
  padding: 0; }
  .landing-mostre img {
    max-width: 100%; }
  .landing-mostre #main {
    background: #fff;
    max-width: 650px;
    margin: 0 auto; }
  .landing-mostre .padding-main {
    padding: 0 30px; }
  .landing-mostre .logo {
    text-align: center;
    padding: 60px 0 30px; }
    .landing-mostre .logo #logo-sqaure {
      width: 120px;
      height: 120px;
      display: flex;
      margin: 0 auto; }
  .landing-mostre .abstract {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 4px; }
  .landing-mostre .title {
    font-size: 46px;
    line-height: 1.2;
    font-weight: 800;
    text-transform: lowercase;
    text-align: center; }
    @media (max-width: 767px) {
      .landing-mostre .title {
        font-size: 40px; } }
    .landing-mostre .title strong {
      font-weight: 400; }
    .landing-mostre .title.title2 {
      text-align: left; }
  .landing-mostre .spacer {
    padding: 60px 0 66px;
    text-align: center; }
    .landing-mostre .spacer.small {
      padding: 60px 0 40px; }
  .landing-mostre .corpo {
    font-size: 14px;
    line-height: 2;
    font-weight: 500;
    letter-spacing: 0.25px;
    text-align: justify; }
  .landing-mostre .filetto {
    width: 100%;
    height: 1px;
    background: #000;
    margin: 40px 0;
    display: inline-block; }
  .landing-mostre .foto {
    margin-top: 40px; }
    .landing-mostre .foto img {
      width: 100%; }
  .landing-mostre .discover-more {
    font-size: 14px;
    line-height: 2;
    font-weight: 500;
    letter-spacing: 0.25px;
    text-align: center;
    padding-bottom: 40px; }
  .landing-mostre .links {
    margin: 0;
    padding: 0 0 58px 0;
    list-style-type: none;
    text-align: center; }
    .landing-mostre .links li {
      visibility: visible; }
      .landing-mostre .links li a {
        text-transform: lowercase;
        color: #000;
        text-decoration: none;
        font-size: 20px;
        line-height: 2.35;
        font-weight: 700; }
        .landing-mostre .links li a:hover {
          text-decoration: underline; }
  .landing-mostre .fascia-grigia {
    background: #F2F1F2;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.25px;
    text-align: center;
    color: #666666;
    padding: 30px 0; }
  .landing-mostre .fascia-rossa {
    background: #C00D0E;
    padding: 40px 0;
    text-align: center; }
    .landing-mostre .fascia-rossa a {
      font-size: 16px;
      line-height: 1.2;
      font-weight: 800;
      letter-spacing: 0.25px;
      color: #fff; }

.salone-milano {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  margin-bottom: 100px; }
  @media (max-width: 767px) {
    .salone-milano {
      display: block; } }
  .salone-milano > div {
    flex: 1;
    position: relative;
    margin: 0;
    padding: 0; }
    @media (max-width: 767px) {
      .salone-milano > div {
        margin-bottom: 40px; }
        .salone-milano > div:last-child {
          margin-bottom: 0; } }
    .salone-milano > div a {
      position: absolute;
      z-index: 10;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      font-size: 0;
      opacity: 0; }
    .salone-milano > div picture {
      height: 0;
      width: 100%;
      overflow: hidden;
      position: relative;
      padding-top: 60%; }
      .salone-milano > div picture img {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        -o-object-fit: cover;
           object-fit: cover;
        width: 100%;
        height: 100%;
        max-width: none; }
/*# sourceMappingURL=landing.css.map */