/*body{
    margin:0 auto;
    max-width: 1080px;
}*/

header {height: 340px;background-image: url(../../images/bg-cnh-rural-detranpe.png);background-repeat: no-repeat; background-size: cover; background-position: left;}

.img-logotipo{ width: 60%; margin-top:40px;}
.header-title { width: 80%; color: #fff; font-family: 'Open Sans'; font-weight: bold; margin: 60px auto 0;text-transform: uppercase;}
.header-title small {font-size: 55%!important;text-transform:none;}

.c-color-gov{ height: 14px;}
.c-azul{background-color:#293D9B;}
.c-verde{background-color:#227044;}
.c-amarelo{background-color:#FFBD59;}
.c-vermelho{background-color:#C60F0F;}
.text-dark{font-size: 1.2rem;}

h3{display: flex;}
h3,h4 {font-size: 16pt;color: #2B6FCB;}
h3,h4,.font-Montserrat{font-family:'Montserrat';font-weight: 700;}
h3::before{width: 0;height: 0; content: ''; margin-right: -7px; position: relative; border-style: solid; display: inline-block; border-width:12px; border-color: transparent transparent transparent #2B6FCB;}
.h3-subtitulo{font-size: 85%;color: #2B6FCB; top: -35px; position: relative;left: 17px;}
h4{  font-size: 13pt;}

.card{border:none;}
.card-body{padding:0;}
.card-text{text-indent:0;font-size: 10pt;margin-bottom: 0;padding-top:10px;}

.img-75{height: 75px!important;}
.titulo-verde{float:left;color:#227044;}

#demo {height: 374px; width: 252px;margin-top: 30px;}
.carousel-indicators li {background-color: #293D9B !important;}

.titulo-verde::before{ border-color: transparent transparent transparent #227044;}
.figure-vertical-position{margin-top: -172px;top: 50%;filter: drop-shadow(2px 7px 4px rgba(0,0,0,.3));}
.figure-vertical-position caption{filter:none;}

.btn-baixar{ padding:.8rem 1.2rem;margin:8px;}
p{color: #6C6C6C;font-size: 16px;}
nav {margin: 40px 0 0 5px;}

.py-30 {padding: 30px 0 !important;}

.lista{list-style: none;}
.lista li{color: #6C6C6C}

.lista li::before {
    content: "\2022";
    color: #c4c4c4;
    font-weight: bold;
    display: inline-block; 
    width: 1em;
    font-size:1.5rem;
    margin-left: -1em;
  }

  #formVeiculos {
    width: 100%;
    border: none;
    height: 440px;
    max-height: 100%;
}


  @media (min-width: 320px) and (max-width: 767px) {
    header{
        height: auto!important;
        background-position: 32% 0;
    }
    .img-logotipo{
        margin-top: 9%;
        width: 72%!important;
    }
    .header-title{
        font-size: 100%;
        text-align: center;
        margin: 5% auto;
        padding-top: 10%;
    }
    .c-color-gov{ height: 7px;}
    h3, h4{
        font-size: 100%;
    }
    p,
    ul li{
        font-size: 85%;
        line-height: 1.6rem;
    }
    .btn-baixar {
        font-size: 64%;
    }
    .figure-vertical-position{
        margin-top: auto;
        top:auto;
    }
    #formVeiculos {
        height: 500px;
    }
    
}

@media (min-width: 768px) and (max-width: 991px) {
    header{
        height: 220px;
    }
    .header-title{
        font-size: 120%;
        text-align: inherit;
        margin: 5% auto;
        padding-top: 7%;
        border-top:none;
    }
    .img-logotipo{
        margin-top: 5%;
        width: 65%!important;
    }
    .c-color-gov{ height: 7px;}
    .passo-a-passo img{width: 180px}
}

@media (min-width: 992px) and (max-width: 1440px) {
    header{
        margin-bottom:2%;height: 255px;
    }
    .header-title{
        font-size: 160%;
        text-align: inherit;
        margin-top: 5%;
        padding-top: 10%;
        border-top:none;
    }
    .img-logotipo{
        margin-bottom:3.5%;
        width: 67%!important;
    }
    .passo-a-passo img{width: 230px}
}