.h1-title {
    @include font-style($nominee-bold,26px,26px,normal);
    color: #66cf92;
    padding: 0 27px;
    margin: 0 0 20px;
    text-transform: capitalize;

    @media only screen and (min-width: $medium) {
        margin: 0;
    }

    @media only screen and (min-width: $xlg) {
        font-size: 40px;
        line-height: 40px;
    }
}

.h2-title {
    @include font-style($nominee-bold,24px,28px,normal);
    color: $blue-2;

    @media only screen and (min-width: $medium) {
        font-size: 30px;
        line-height: 34px;
    }
}

.h3-title {
    @include font-style($nominee-bold,26px,30px,normal);
    color: $blue-2;
}

// .h4-title {
//     @include font-style($nominee-bold,26px,30px,normal);
//     color: $blue-2;

//     .edit-details & {
//         margin-bottom: 30px;
//     }
// }

.add-title {
    text-align: center;
    margin-bottom: 50px
}

.title-details {
    @include font-style($nominee-bold,18px,22px,normal);
    color: $blue-2;
    margin: 0;

    @media only screen and (min-width: $xl) {
        font-size: 26px;
        line-height: 30px;
    }
}
@media (max-width: 767px) {

    .h1-title{
        display: none !important
    }
}
