.form-check-input {
  width: 40px;
  height: 40px;      

}
.list-group-item {
display: flex;
align-items: center;
}

#WelcomeMessage {
white-space: nowrap; 
overflow: hidden;    
text-overflow: ellipsis;
}
.custom-button {
height: 65px;
}


@media screen and (min-width: 1025px) and (max-width: 1920px) {
#WelcomeMessage {
  font-size: 22px;
}
#SignIn {
  font-size: 17px; 
}
#branding {
  font-size: 24px;
}
#value-header {
  font-size: 20px;
}
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
#WelcomeMessage {
  font-size: 22px;
}
#SignIn {
  font-size: 17px; 
}
#branding {
  font-size: 24px;
}
}

@media screen and (min-width: 767px) and (max-width: 1024px) {
#WelcomeMessage {
  font-size: 14px;
}
#SignIn {
  font-size: 17px; 
}
#branding {
  font-size: 17px; 
}
}

@media screen and (min-width: 481px) and (max-width: 767px) {
#WelcomeMessage {
  font-size: 14px; /* Adjust font size for smaller screens */
}
#SignIn {
  font-size: 17px;  /* Adjust for medium screens */
}
#branding {
  font-size: 17px; /* Adjust for medium screens */
}
.custom-button {
  height: 25px;
}
}

@media screen and (max-width: 480px) {
#WelcomeMessage {
  font-size: 12px; /* Further reduce font size for even smaller screens */
}
#SignIn {
  font-size: 14px; /* Adjust for extra small screens */
}
#branding {
  font-size: 14px; /* Adjust for extra small screens */
}
}
.table-full-width {
width: 98%;
max-width: 98%;
}