﻿
main.website div.website-header.website-header-noticias.website-header-kits {
    height: 48rem;
}

section.noticias-destaque .noticias-body.kits-body {
    margin-top: 14rem;
}

    section.noticias-destaque .noticias-body.kits-body > div > ul {
        list-style: none;
        padding-left: 0px;
    }

        section.noticias-destaque .noticias-body.kits-body > div > ul > li {
            background-image: url('../img/check_bullet.svg');
            background-repeat: no-repeat;
            line-height: 30px;
            padding-left: 40px;
            padding-bottom: 1rem;
        }

.card-description {
    background-color: rgba(77, 83, 92, 0.2);
    border-radius: 8px;
    width: 100%;
}

.card-kit {
    display: block;
    max-height: 300px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

.expandable {
    display: none;
}

.kits-capacity {
    border: 1px solid #1595E9;
    border-radius: 0.7rem;
    color: #0075C9;
    padding: 5px 8px;
}

@media screen and (max-width: 1910px) {
    main.website div.website-header.website-header-noticias.website-header-kits {
        height: 44rem;
    }
}

@media screen and (max-width: 1700px) {
    main.website div.website-header.website-header-noticias.website-header-kits {
        height: 40rem;
    }

    section.noticias-destaque .noticias-body.kits-body {
        margin-top: 12rem;
    }
}

@media screen and (max-width: 1280px) {
    main.website div.website-header.website-header-noticias.website-header-kits {
        height: 32rem;
    }

    section.noticias-destaque .noticias-body.kits-body {
        margin-top: 8rem;
    }

}

@media screen and (max-width: 768px) {

    .card-description {
        display: none;
    }

    .expandable {
        display: block;
    }

    main.website div.website-header.website-header-noticias.website-header-kits {
        height: 25rem;
    }

    section.noticias-destaque .noticias-body.kits-body {
        margin-top: 2rem;
    }
}

@media (max-width: 425px) {

    main.website div.website-container {
        top: 100px;
    }
}

@media screen and (max-width: 425px) {

    section.noticias-destaque .noticias-body.kits-body {
        margin-top: 11rem;
    }
}
