@media (min-width: 576px){
    .modal-dialog{
        max-width:800px;
    }
}
/* #banner-img h1 {
    text-align: center;
}
@media (min-width: 768px) {
    #banner-img h1 {
        text-align: end;
    }
} */

#banner-img {
    background-color: #003663;
}
#banner-img img {
    opacity: 0.5;
}
#banner-img h1 {
    all: unset;
}

#banner-text {
    color: #ffffff;
    text-shadow: 2px 2px 5px #000000;
    text-align: center;
    white-space: wrap;
    font-family: Trebuchet MS;
    font-weight: bold;
    line-height: 1.9rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}
#banner-text h1 {
    font-size: calc(1.75rem + 1.5vw);
    line-height: 2.5rem;
}
#banner-text .abbreviation {
    font-size: calc(1.25rem + .9vw);
}

#banner-text .tagline {
    font-size: calc(1.125rem + 1.5vw);
}

@media (min-width: 1200px) {
    #banner-text h1 {
    line-height: 3.5rem;
}
}

@media (max-width: 767px) {
    #banner-text {
        line-height: 1.5rem;
        top: 40%;
    }
    #banner-text h1 {
        font-size: calc(1rem + .8vh);
        line-height: 1.5rem;
    }
    #banner-text .abbreviation {
        font-size: calc(0.7rem + 1vh);
        margin-bottom: 0;
        display: none;
    }
    #banner-text .tagline {
        font-size: calc(0.5rem + 1vh);
        display: none;
    }
}

/* #banner-img h1 {
    
    
}
@media (min-width: 992px) {
    #banner-img h1, #banner-img p {
        left: auto;
        bottom: auto;
        top: 20px;
        right: 10%;
        height: auto;
        white-space: nowrap;
        transform: none;
    }
}
@media (min-width: 992px) {
    #banner-img h1, #banner-img p {
        left: 0;
        bottom: 0;
        top: 30%;
        right: 0;
        white-space: nowrap;
        margin: auto;
        padding-left: 50px;
    }
} */
/**
Footer Styles
*/
/* 
.footer-icon {
    font-size: calc(3.5rem + 1.5vw)!important;
}
a .footer-icon:hover {
    color: #045598;
}
@media (min-width: 1200px) {
    .footer-icon {
        font-size: calc(2.375rem + 1.5vw)!important;
    }
} 
*/