.login-container {
  justify-content: flex-start !important;
}

#blank-container{
  width: 154px;
}

#compliance-login-header-image-container {
  align-items: baseline !important;
  height: 90px !important;
  display: flex;
  justify-content: center;
}

/* #compliance-login-header-image{
  max-width: 85% !important;
} */

#compliance-login-info-container {
  align-self: baseline;
  max-width: 520px;
}

#compliance-login-color-h1 {
  font-size: 33px;
  font-weight: 700 !important;
}
#compliance-login-quill {
  font-size: 18px;
}

.login-container-title{
  position: relative;
  /* bottom: 25px !important; */
}

#text-slogan-container{
  /* margin-left: 35px; */
}

@media (max-width: 768px) {
  #text-slogan-container{
    margin-left: 0;
  }
}

@media (max-width: 1200px) {
  #compliance-login-color-h1 {
  font-size: 28px !important;
  font-weight: 700 !important;
  }
  #compliance-login-quill {
    font-size: 16px !important;
  }
}

@media (min-width: 960px) {
  #compliance-login-header-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

@media (max-width: 300px) {
  #compliance-login-color-h1 {
    font-size: 20px !important;
  }
  #compliance-login-quill{
    font-size: 14px !important;
  }
}

@media (max-width: 767px) {

  #compliance-login-color-h1 {
    font-size: 25px !important;
    font-weight: 700 !important;
  }

  #compliance-login-quill {
    font-size: 14px !important;
  }

  #compliance-login-header-container {
    display: flex;
    justify-content: center;
    align-items: center; 
  }
}

@media (max-width: 900px) {
  #compliance-login-color-h1 {
    font-size: 25px !important;
    font-weight: 700 !important;
  }

  #compliance-login-quill {
    font-size: 14px !important;
  }
}

@media (max-width: 400px) {
  #compliance-login-color-h1 {
    font-size: 20px !important;
    font-weight: 700 !important;
  }

  #compliance-login-quill {
    font-size: 12px !important;
  }
}


@media only screen and (max-width: 959px) and (min-width: 768px) {
  #compliance-login-header-container {
    display: flex;
    justify-content: start;
    align-items: center; 
   
  }
}

@media only screen and (max-width: 959px) and (min-width: 873px) {
  #compliance-login-header-container {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media only screen and (max-width: 900px) and (min-width: 795px) {
  #compliance-login-info-container {
    align-self: baseline;
    max-width: 460px;
  }

  #compliance-login-header-container {
    display: flex;
    /* justify-content: center; */
    align-items: center;
}
}

@media only screen and (max-width: 794px) and (min-width: 660px) {
  #compliance-login-info-container {
    align-self: baseline;
    max-width: 306px;
  }

  #compliance-login-header-container {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media only screen and (max-width: 827px) and (min-width: 795px) {
  #compliance-login-header-container {
    display: flex;
    align-items: center;
  }
}

@media only screen and (max-width: 872px) and (min-width: 828px) {
  #compliance-login-header-container {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media only screen and (max-width: 794px) and (min-width: 720px) {
  #compliance-login-info-container {
    align-self: baseline;
    max-width: 360px;
}
}

@media (min-width: 1000px) {
  #compliance-login-info-container {
    align-self: baseline;
    max-width: 610px;
  }
}

@media (min-width: 1500px) {
  #compliance-login-header-image-container {
    position: relative;
    right: 60px;
  }
}