header {
    display: flex;
    align-items: end;
}

header * {
    line-height: 1.6;
}

header p {
    font-size: 1rem;
    color: var(--gray) !important;
    font-weight: 300;
}

header h1 {
    white-space: normal !important;  
    color: #FFF !important;             
    text-shadow:
    1px  1px 0 var(--green),
   -1px  1px 0 var(--green),
    1px -1px 0 var(--green),
   -1px -1px 0 var(--green)
}

header h1 span {
    text-shadow: none;
    color: var(--green);
}

.accordion * {
    background-color: inherit !important;
}

.accordion-item {
    border: none !important;
}

.accordion-body {
    color: var(--green);
    border: none !important;
}

@media screen and (max-width: 991px)  {

    header {
        min-height: 350px;
    }

    .answers-and-questions h2 {
        font-size: 2.2rem !important;  
    }

    .answers-and-questions h3 {
        font-size: 2rem !important;  
    }

    .answers-and-questions h4 {
        font-size: 1rem !important;  
    }

    .answers-and-questions p, header p {
        font-size: 1.2rem !important;  
    }

}

@media screen and (min-width: 992px)  { 

    header {
        min-height: 450px;
    }

    .answers-and-questions h2 {
        font-size: 4.5rem !important;  
    }

    .answers-and-questions h3 {
        font-size: 4rem !important;  
    }  

    .answers-and-questions h4 {
        font-size: 2.7rem !important;   
    }  
    
    .answers-and-questions button {
        font-size: 1.4rem !important; 
    }

    .answers-and-questions p, header p {
        font-size: 1.2rem;
    }

}

@media screen and (min-width: 1200px)  { 

}

.accordion {
    --bs-accordion-border-width: none !important
}

.accordion-item:not(:last-child){
    border-bottom: 4px solid var(--green) !important;
    padding-bottom: 15px;
}

.accordion-button.collapsed {
    margin-top: 20px;
    transition: .3s;
}