.welcome-page .logo {
  width: 64px;
}

.icon-banner {
  width: 32px;
}

.body-container {
  margin-top: 30px;
  padding-bottom: 30px;
}

.welcome-page li {
  list-style: none;
  padding: 4px;
}

.logged-out-page iframe {
  display: none;
  width: 0;
  height: 0;
}

.grants-page .card {
  margin-top: 20px;
  border-bottom: 1px solid lightgray;
}
.grants-page .card .card-title {
  font-size: 120%;
  font-weight: bold;
}
.grants-page .card .card-title img {
  width: 100px;
  height: 100px;
}
.grants-page .card label {
  font-weight: bold;
}

@media screen and (max-width: 767px) { /*for responsiveness screen of phones */
    .d-flex {
        display: flex;
    }

    .justify-content-center {
        justify-content: center;
    }

    .bold-label {
        font-weight: bold;
        font-size: 1rem;
    }

    .btn-width button {
        width: 100%;
        margin-top: 0.9375rem;
    }
    .btn-width a {
        width: 100%;
        margin-top: 0.9375rem;
    }

    .nav-link { /* forgot password link */
        font-size: 0.875rem;
        color: black;
    }

    .lead {
        font-size: 2.25rem;
        padding: 0 0.3125rem 0.3125rem 1.25rem;
        margin-top: -2.1875rem;
        margin-bottom: 2rem;
        display: flex;
    }

    .lead1 {
        font-size: 2.25rem;
    }

    .lead img {
        width: 75%;
        height: auto;
        padding-bottom: 0.5rem;
    }

    .other-opts {
        margin: 1rem 0 0 0;
        text-transform: uppercase;
        font-size: 0.875rem;
        font-weight: bold;
    }

    .other-opts p {
        margin-top: -0.625rem;
    }

    .main-logo {
        height: 120px;
    }

    .solid-line {
        flex-grow: 1;
        height: 0.06rem; /* Adjust the height of the lines as needed */
        background-color: black; 
        margin: 0 0.625rem;
    }

    .displayNameIcons {
        display: flex;
        padding: 0 0.3rem 0.3rem 1.25rem;
    }

    .displayNameIcons img{
        height: 2.5rem;
        width: 2.5rem;
    }
    
    .align-icons {
        text-align: center;
    }

    .forgot-center p {
        text-align: center;
    }

    .lead-forgot, .lead-login {
        font-size: 2.25rem;
        display: flex;
        color: #0667CE;
    }

    .lead-forgot h3, .lead-login h3 {
        margin-top: 0.9rem;
        margin-left: 0.9rem;
    }

    #blue-text {
        color: #0667CE;
    }

    .pbs-logo 
    {
        display: flex;
        justify-content: center;
        margin-top: 11rem;
        margin-bottom: 1.375rem;

    }

    .img-class {
        height: 140px;
        width: 140px;
        margin-bottom: 20px;
        text-align: center;
    }

    .img-center {
        text-align: center;
    }

}

/*for web view*/
.main-logo {
    height: 120px;
}

.other-opts {
margin: 1rem 0 0 0;
text-transform: uppercase;
font-size: 0.875rem;
font-weight: bold;
}

.other-opts p {
    margin-top: -0.625rem;
}

.solid-line {
    flex-grow: 1;
    height: 0.06rem; /* Adjust the height of the lines as needed */
    background-color: black;
    margin: 0 0.625rem;
}
.displayNameIcons {
    display: flex;
    padding: 0 0.3rem 0.3rem 1.25rem;
}

.displayNameIcons img {
    height: 2.5rem;
    width: 2.5rem;
}

.pbs-logo {
    display: flex;
    justify-content: center;
    margin-top: 11rem;
    margin-bottom: 1.375rem;
}

.lead-forgot, .lead-login {
    font-size: 2.25rem;
    display: flex;
    color: #0667CE;
}

.lead-forgot h3, .lead-login h3 {
    margin-top: 0.9rem;
    margin-left: 0.9rem;
}

#blue-text {
    color: #0667CE;
}

.img-center {
    text-align: center;
}

.img-class {
    height: 140px;
    width: 140px;
    margin-bottom: 20px;
    text-align: center;
}

.forgot-center p {
    text-align: center;
}

.btn-width button {
    width: 100%;
    margin-top: 0.9375rem;
}