.portal-bg-main {
    background-image: url('/images/horizontal-portal-background.svg');
    background-size: cover;
    height:90vh;
}

.text-navy {
    color: #003765;
}

.bg-gold {
    background-color:#FFD300;
}

.cta-btn {
    width: 240px;
    padding:8px;
    font-weight:600;
}

p {
    padding:0;
    margin:0;
}

.bg-section {
    height: 550px;
    width: 100%;
    background: #174A88;
}

.op-bg-sales {
    background: url('/images/ScholarsSalesPage.svg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 550px;
    width: 100%;
    background-position: top;
}

.welcome-text { 
    font-size: 34px;
    color: white;
    font-weight: 500;
}

.fh-container {
    width:80%;
}

.cta-section {
    width:70%;
}

@media (min-width:1600px) {
    .bg-section {
        height: 900px;
        width: 100%;
        background: #174A88;
    }

    .op-bg-sales {
        background: url('/images/ScholarsSalesPage.svg');
        background-repeat: no-repeat;
        background-size: cover;
        height: 900px;
        width: 100%;
        background-position: top;
    }

    .welcome-text {
        font-size: 56px;
    }
}

.fh-options {
    width: 850px;
    font-size:20px;
}

.fh-logo {
    width:80px;
    height:auto;
}


.fh-brand img {
    height:auto;
    width:170px;
}

.mission {
    font-size:30px;
}

.sub-text-ms{
    font-size:20px;
}

.val-section {
    width:240px;
}
@media(min-width:1000px) {
    .val-section {
        width: 1000px;
        font-size: 20px;
    }

    .val-text {
        width:1000px;
    }
}

.val-icons {
    width:50px;
    height:50px;
}

.val-text{
    width:240px;
}

.canvas-card {
    height:300px;
    width:320px;
}

.can-portal-footer {
    height: 8dvh;
    display: flex;
    justify-content: center;
    align-content: center;
    position: relative;
    bottom: 0;
    min-width: 100%;
}

.waves-bg-yellow {
    width:100%;
    margin-top:70px;
}

.text-lt-blue {
    color: #1499d3;
    font-weight:500;
}

.text-exp, .text-schol {
    font-size: 20px;
    text-decoration: none;
    color: #003765;
}

a {
    text-decoration:none;
}
.canvas-text {
    color: #003765;
    font-size: 18px;
    text-decoration: none;
}

.canvas-icon-lg {
    width:140px;
    height:140px;
}