:root {
    --brand-color: rgb(42, 139, 142);
}

.brand {
    background-color: var(--brand-color) !important;
}

body {
    font-family: 'Poppins', sans-serif !important;
}

.brandname {
    color: rgb(42, 139, 142);
    font-size: 7vw;
    font-weight: 700;
}

.campaign {
    color: rgb(21, 199, 190);
    font-size: 7vw;
    font-weight: 800;
}

.campaign-date {
    color:rgb(42, 139, 142);
    font-size: 5vw;
    font-weight: 600;
}
.form-control {
    border-radius: 22px;
    font-size: 18px;    
}
.btn {

    padding-left: 30px;
    padding-right: 30px;
    border-radius: 22px;
    font-weight: 600;
    font-size: 18px;
}
.btn-brand {
    background-color: rgb(21, 199, 190);
    color: #fff;
}

.abs {
    position: absolute;
    width: 100%;
}

.klass{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.card-header-brand {
    font-family: poppins;
    font-weight: 700;
    font-size: 20px;
    background-color: #2a8b8e;
    color: white;
}

@media (min-width: 576px) { 
        
}


@media (min-width: 768px) { 
    .brandname {
        font-size: 5vw;        
    }
        
    .campaign {
        font-size: 6vw;
    }

    .campaign-date {
        font-size: 4vw;
    }

}


@media (min-width: 992px) { 

}


@media (min-width: 1200px) { 
    .brandname {
        font-size: 2vw;        
    }
        
    .campaign {
        font-size: 3vw;
    }

    .campaign-date {
        font-size: 2vw;
    }
}