.c1 {
    color: #444647 !important;
}

.c2 {
    color: #fff;
}

span{
color: #cfe5f5;
}

.tema {
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 80px;
    margin-top: -4%;
}

.tema2 {
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    margin-left: 19%;
    font-size: 80px;
    margin-top: -4%;
}

.title {
    text-align: left;
    font-family: 'Roboto', sans-serif;
    margin-right: 40px;
    font-weight: 900;
   
}

.title1 {
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-size: 47px;
    font-weight: 900;
   
}

.sub-title {
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    
    font-size: 25px;
}

.sub-title2 {
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    margin-right: 15%;
    font-size: 25px;
}


.sub-title3 {
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 32px !important;
   
}

.p-center {
    text-align: left;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    margin-left: 15%;
}

.text-gradient {
    font-size: 45px;
    background: -webkit-linear-gradient(bottom, #c45601 0%, #f8a503 100%);
    -webkit-text-fill-color: transparent;
}

.MaisNegrito {
    font-weight: bolder !important;
}

.aviso {
    font-size: 10px;
    font-style: italic;
}

.al-justi {
    text-align: justify !important;
}

.bkhr {
    background: color #333333;
    ;
    height: 6px;
    width: 100px;
}

.txt-size {
    font-size: 13px !important;
}
.topo{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;    
    width: 600px !important;
    margin: -11% 0 0px 1px;

}

.pad{
    padding-inline: 5%;
}

.boxcolor1 {
    background: #a0a9b6 url(../img/Monitor-Husky-\ Office-700-01.png) center center/cover no-repeat local;
    height: 43rem;
    margin-bottom: 2rem;
   
}

.boxcolor2 {
    background-color: #939ba6;
}

.boxcolor3 {
    background-color: #9ba2aa;
    border: 0;
}

.boxcolor4 {
    background-color: #c9c8c8;
    
}

.boxcolor5 {
    background-color: #dbdbdb!important;
}

.boxcolor6 {
    background-color: #313131;
}

.boxcolor7 {
    background-color: #e8a719;
   
}

.p-left {
    text-align: left !important;
    margin-right: 15%;
    font-size: 17px;
    font-weight: 500;
}

.p-left2 {
    text-align: left !important;
  
    font-size: 17px;
    font-weight: 500;
}

.p-left3 {
    text-align: left !important;
    font-size: 15px;
}

.disp1{
    justify-content: center;
}
.disp{
    display: flex;
    flex-wrap: wrap;
    width: 23%;
    margin: 3% 0 11% 8%;
}
.marleft{
    margin-left: 15%;
}
.cal{
width: 84%;
}

.lsp {
    letter-spacing: -1px;
}

.lsp2 {
    letter-spacing: -5px;
}

.ml {
    padding-left: 10% !important;

}

.marg {
    padding: 3% 0;
}

.mlpink2 {
    margin-left: 50px !important;
}

.ml2 {
    margin-left: 30px !important;
}

.tamanho {
    font-size: 15px !important;
}
.flex{
    display: flex;

    flex-wrap: wrap;
}
.t1{
    display: flex;
}
.call{
    width: 100%;
    margin: 5%;
    

}
.img-topo{
    width: 72%;
}

.img-03{
    width: 200px !important;
    margin: -97% 0 0 11%;
}

.img-02{
    width: 54%;
    
}


.img-01 {
    width: 60% ;
}
.img-ico {
    width: 150px !important;
}

.mbpink {
    margin-top: 78px !important;
}

.mbpink2 {
    margin-top: 88px !important;
}

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

@media (max-width: 720px) {
    .disp{
        width: 70% !important;
    }
    .title1{
        text-align: center;

    }
    .p-left {
        text-align: center !important;
        margin-right: 3%;
    }
    .marleft{
        margin-left: 0%;
    }
}

@media (max-width: 540px) {
    .title {
        text-align: center !important;
        font-family: 'Roboto', sans-serif;
        margin-left: 0px;
        margin-left: 0%;
        font-size: 26px;

    }

    .title1{
        text-align: center;
        font-size: 35px;

    }
    .tema {
        text-align: center !important;
        font-family: 'Roboto', sans-serif;
        margin-left: 0px;
        margin-left: 0%;
    }
    .tema2 {
        text-align: center !important;
        font-family: 'Roboto', sans-serif;
        margin-left: 0px;
        margin-left: 0%;
    }
    .p-center {
        text-align: center;
        margin-left: 0%;
    }
    .p-center2 {
        text-align: center;
        margin-left: 0%;
    }
    .sub-title {
        text-align: center;
        margin-left: 0%;
        margin-top: 20px;
    }
    .sub-title2 {
        text-align: center !important;
    }
    .sub-title3 {
        text-align: center;
        margin-left: 0%;
        margin-top: 20px;
    }
    .sub-title2 {
        text-align: center;
        margin-left: 15%;
        margin-top: 20px;
    }
    .col-sm-6 {
        text-align: center;
        margin: auto;
    }
    .p-left {
        text-align: center !important;
        margin-right: 3%;
    }
    .p-left2 {
        text-align: center !important;
        margin-left: 0%;
    }
    .p-left3 {
        text-align: center !important;
        margin-left: 40px;
    }
    .col-sm-2 {
        text-align: center !important;
    }
    .mbpink {
        margin-top: 20px !important;
        margin-right: 40px;
    }
    .mbpink2 {
        margin-top: 20px !important;
        margin-right: 40px;
    }

    .ml {
        padding-inline: 3% !important;
    }
    

   
    
    .cal{
    width: 84%;
    }
    
    .t1{
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }

    .topo{
      
        margin: 0% 0 0px 0px;
    
    }
   
}