main {
    font-family: 'Barlow';
}

.header-top {
    background-color: #d2383f;
    color: white;
}

.header-top .container {
    padding-top: 70px;
    padding-bottom: 45px;
}

.pergunta {
    color: #d2383f;
    font-family: 'Barlow';
}

.bloco {
    margin-top: 30px;
}

.pergunta {
    font-size: 1.3rem;
    font-weight: normal;
    margin-top: 40px;
}

.resposta p {
    line-height: 1.3rem;
    margin-bottom: 5px;
}

#blocoMeses {
    padding-top: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.month {
    display: flex;
    flex-flow: column wrap;
    padding-bottom: 2.5rem;
}

.name {
    display: block;
    width: 100%;
    margin-bottom: 2rem;
    font-size: 18pt;
    color: #00d3cc;
    text-transform: capitalize;
    transform: translateX(-50px);
    margin-left: 50px;
}

.name::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    height: 4px;
    margin-right: 1rem;
    background-color: #00d3cc;
}

.blocks {
    display: flex;
    flex-flow: row wrap;
    width: 105mm;
    background-color: transparent;
    background-color: #f2f2f2;
    -webkit-print-color-adjust: exact;
    padding-bottom: 3mm;
    margin-right: 5mm;
}

.header-cal p {
    font-weight: bold;
}

.header-cal,
.day {
    padding: .5mm;
    text-align: center;
    width: 14mm;
}

.day {
    display: flex;
    min-height: 6mm;
    justify-content: center;
    flex-flow: row wrap;
    padding: .5mm;
    text-align: center;
    width: 14mm;
}

.day p {
    width: 100%;
    margin-bottom: 1.5mm;
}

.event {
    margin: 3px;
    width: 1.5mm;
    height: 1.5mm;
    border-radius: 50%;
}

#agosto .day {
    margin-bottom: 11px;
}

.mrgbot0 {
    margin-bottom: 0px!important;
}

#agosto .blocks,
#outubro .blocks {
    width: 98mm;
    padding-top: 10px;
    padding-bottom: 3px;
}

#setembro .blocks,
#novembro .blocks {
    width: 98mm;
    padding-top: 10px;
}

.solicitacao {
    background-color: #0a6cb9;
}

.preenchimento {
    background-color: #d6022a;
}

.cadastro {
    background-color: #ff00fe;
}

.nao-esqueca {
    background-color: #01aee6;
}

.aplicacao {
    background-color: #00b86e;
}

#conteudo1,
#conteudo2 {
    padding-top: 55px;
    width: calc(100% - 796px);
    display: flex;
    flex-direction: column;
    min-width: 314px;
}

.conteudo>div {
    display: flex;
    flex-direction: row;
    margin-bottom: 25px;
}

.conteudo>div>div:nth-of-type(2) {
    padding-top: 5px;
    margin: 0px 10px;
}

.conteudo>div>div:nth-of-type(1) {
    font-weight: bold;
    min-width: 101px;
    text-align: right;
}

#novembro .day:nth-of-type(22),
#novembro .day:nth-of-type(29) {
    margin-bottom: 10px;
}

#novembro .blocks {
    padding-bottom: 4.5mm;
}

ul {
    list-style: none;
}

ul li::before {
    content: "\2022";
    color: #d2383f;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

ol { counter-reset: item; }
ol li { display: block; }
ol li:before {
    content: counter(item) ". ";
    counter-increment: item;
    color: #d2383f;
}

#imagemCentral{
    background-color: #f9f9f8;
    padding: 50px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#imagemCentral .resposta{
    margin-top: 30px;
}

#imagemCentral > div{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#imagemCentral img{
    max-width: 100%;
}

.caixaComImagem{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0px;
}

.caixaComImagem img{
    max-width: 100%;
}

#bloco-quest3{
    padding-bottom: 70px;
}

.novotec-video{
    max-width: 900px;
    margin: 45px auto;
}

#tabela-datas{
    display: flex;
    flex-direction: column;
    margin: 30px 0px;
}

.linha{
    display: flex;
    flex-direction: row;
    display: flex;
    flex-direction: row;
}

.celula-1{
    width: 75%;
    border: 1px solid #d2383f;
    border-bottom: 0px;
    border-right: 0px;
    padding: 10px;
}

.celula-2{
    width: 25%;
    padding: 10px;
    border: 1px solid #d2383f;
    border-bottom: 0px;
}

.celula {
    width: 100%;
    padding: 10px;
    border: 1px solid #d2383f;
    border-bottom: 0px;
}

#ciclo-verde, #ciclo-azul, #ciclo-vermelho{
    padding: 30px 20px;
    color: white;
    margin-bottom: 30px;
}

#ciclo-verde{background-color: #0d8000ad;}
#ciclo-azul{background-color: #0000ff7d;}
#ciclo-vermelho{background-color: #ff00009e;}

#ciclo-verde .pergunta, #ciclo-azul .pergunta, #ciclo-vermelho .pergunta {
    margin-top: 0px;
    color: white!important;
}

#ciclo-verde ul li::before, #ciclo-azul ul li::before, #ciclo-vermelho ul li::before {
    color: white;
}

/* #calendario-antigo, #bloco-quest2, #imagemCentral, #bloco-quest3{
    display: none;
} */


@media (max-width:1200px) {
    #blocoMeses {
        width: 720px;
        justify-content: center;
    }
    #setembro {
        padding-bottom: 0px;
    }
    #novembro {
        padding-bottom: 0px;
    }
    #conteudo1,
    #conteudo2 {
        padding-top: 30px;
        min-width: 500px;
    }
    .month {
        width: 500px;
    }
}

@media (max-width:576px) {
    #blocoMeses {
        justify-content: initial;
        width: auto;
    }
    .conteudo>div>div:nth-of-type(1) {
        text-align: left;
    }
    #conteudo1,
    #conteudo2 {
        min-width: 395px;
    }
    .month {
        width: auto;
        max-width: 100%;
    }
    .blocks {
        width: auto;
        max-width: 100%;
    }
}

@media (max-width:430px) {
    #agosto,#setembro,#outubro,#novembro{
        width: auto!important;
        max-width: 371px;
    }
    .celula-1{
        width: 70%;
    }
    
    .celula-2{
        width: 30%;
    }      
}

@media (max-width:420px) {
    
}