@charset "UTF-8";
@media (min-width: 1200px) {
  .container {
    width: 100%;
    margin: 0;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
  .page-node-type-salut .container{
    max-width: 100%;
  }
  .page-node-type-salut .container .content{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1600px) {
  .container {
    width: 100%;
    margin: 0;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }
  .page-node-type-salut .container{
    max-width: 100%;
  }
  .page-node-type-salut .container .content{
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }
      #block-destacatimatgebackground-2 .field--name-field-titol h1{
        width:32%;
    }
    .content-popup{
    position: fixed;
    background: var(--sda-main-color);
    top: 100px;
    z-index: 100;
    width: 60%;
    left: 20%;
    height:auto;
}
}