/* PERFEITA */

:root{
  --BackgroundImage_Height: 540px;
  --BackgroundEmpty_Height: 420px;
  --Background_MinWidth: 320px;
  --Divider_Height: 200px;
  --Divider_Height2: 100px;
}

.background {
    width: 100%;
    height: 100%;
    min-width: var(--Background_MinWidth);
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

  #background_image {
    height: var(--BackgroundImage_Height);
    background-size: cover;
    background-position: center;
  }

  #background_empty {
    height: var(--BackgroundEmpty_Height);
  }

  #divider{
    background-image: url('../img/Custom/Divider.png');
    background-size: cover;
    background-position: center;
    height: var(--Divider_Height);
  }

  #divider_color{
    background: linear-gradient(180deg, #333a47 0%, #101827 100%);
    height: var(--Divider_Height);
  }

  @media screen and (max-width: 850px) {
    #divider_color{
      min-height: 75px;
      max-height: 150px;
      height: 20vw;
    }

    #divider{
      min-height: 75px;
      max-height: 150px;
      height: 20vw;
    }
  }