body {
    background-color: #FFF;
}

.custom-header-title{
    margin-top: 2%;
}

.custom-card-purple {
    background-color: #8F88E7;
    padding: 35px;
    border-radius: 20px;
    margin: auto;
    max-width: 85%;
}

.custom-card-green {
    background-color: #84cbf7;
    padding: 35px;
    border-radius: 20px;
    margin: auto;
    max-width: 85%;
}

.custom-card-pink {
    background-color: #fb94d4;
    padding: 35px;
    border-radius: 20px;
    margin: auto;
    max-width: 85%;
}

.custom-text {
    padding: 10px;
}

/* Media Query */
@media (max-width: 575.98px) { 

    .custom-header-title {
        margin-top: 80px;
        font-size: 20px;
        color: #000;
    }
}

@media (min-width:575.99px) and (max-width: 767.98px) { 
    .custom-header-title {
        margin-top: 80px;
        font-size: 24px;
        color: #000;
    }
}

@media (min-width: 767.99px) and (max-width:1280.98px) {
    .custom-header-title {
        margin-top: 80px;
        font-size: 28px;
        color: #000;
    }
}

@media (min-width:1280.99px) { 
    .custom-header-title {
        margin-top: 80px;
        font-size: 28px;
        color: #000;
    }
}