:root {
    --blue-primary: #4E6BA6;
    --blue-secondary: #3F5073;
    --green-primary: #B0BF3B;
    --green-secondary: #7AA66D; 
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;

    
}
h1 {
    color: var(--blue-primary);
}
.bg-blue1 { background-color: var(--blue-primary); }
.bg-blue2 { background-color: var(--blue-secondary);}
.bg-green1 {background-color: var(--green-primary);}
.bg-green2 {background-color: var(--green-secondary);}

.color-blue1 { color: var(--blue-primary); }
.color-blue2 { color: var(--blue-secondary);}
.color-green1 {color: var(--green-primary);}
.color-green2 {color: var(--green-secondary);}
body {
    display: flex;
    flex-direction: column;
}
.page-wrapper {
    flex: 1 0 auto;
}
.btn.bg-green2:hover{background: var(--green-primary);}
.btn.bg-blue1:hover{background: var(--blue-secondary);}
.btn.bg-blue2:hover{background: var(--blue-primary);}

h4 {font-size: 1.3rem;}
.lead {font-size: 1rem;}