.navBar {
    background-color: 14213d;
    font-size: 25px;
}

.nav-item:hover {
    background-color: #243b6e !important;
}

#introductionImage {
    background: url("../images/hammer.jpg") no-repeat center center;
    height: 600px;
}

#initialPlanningImage {
    background: url("../images/initial-planning.jpg") no-repeat center center;
    height: 600px;
}

.introduction {
    background-color: #fca311;
    padding-top: 150px;
    padding-bottom: 100px;
    font-family: 'Sarabun', sans-serif;
}

.title {
    font-family: 'Nunito', sans-serif;
    font-size: 45px;
}

.justifiedText {
    text-align: justify !important;
    text-justify: inter-character !important;
}

#initialPlanning {
    padding-top: 100px;
    padding-bottom: 100px;   
}

.downloadProposalButton {
    width: 150px !important;
    height: 50px !important;
    background-color: #fca311 !important;
    color: black !important;
}

.downloadSummaryButton {
    width: 200px !important;
    height: 50px !important;
    background-color: #fca311 !important;
    color: black !important;
}

.repositoryButton {
    width: 170px !important;
    height: 50px !important;
    background-color: #fca311 !important;
    color: black !important;
}

.videoButton {
    width: 190px !important;
    height: 50px !important;
    background-color: #fca311 !important;
    color: black !important;
}

.navDisabled {
    cursor: default;
    pointer-events: none;
}