*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}
a.button{
    background: transparent;
    border: none  !important;
    padding:70px 100px;
    border-radius:3px;
    cursor: pointer;
    max-width: 100%;
    height: auto;
    float: left;
    font-size: 0;
    position: absolute;
    left: 0px;
    bottom: 868px;
}

body{
    margin:0;
    padding:0;
    text-align:center;
}

#tudo {
    width: 760px;
    margin:0 auto;			
    padding: 10px;
    text-align:left;
}
.center{
    max-width: 2100px;
    margin:0 auto;
    padding:0 2%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}


header{
    background-color: black;
    padding:27.3px 20;
    border-bottom:1px solid rgb(0, 0, 0);
    
}



.logo{
    color: rgb(0, 255, 13);
    transition: 1s;
}

.logo h2{
    font-weight: normal;
    font-size: 26px;
}

.menu{
    width: 100%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}

.menu a{
    color: rgb(255, 255, 255);
    font-size: 16px;
    text-decoration: none;
    margin-right: 30px;
    margin-left: 22px;
    transition: 1s;
} /*empresa,produtos etc*/

.menu a:hover{
    color: rgb(163, 162, 162);
} /*empresa,produtos etc*/

.menu .btn-menu{
    background-color: rgb(255, 255, 255);
    display: inline-block;
    padding:10px 16px;
    color: rgb(0, 0, 0);
    border-radius:6px;
    margin-right: 30px;
} /* telefone */


.menu .btn-menu:hover{
    color: white;
    background-color: rgb(255, 0, 0)
}/* telefone */


/*
Section main
*/

section.main{
    background-image: url();
    min-height: 800px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: flex;
    background-color: rgb(255, 255, 255);
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}

.main_cta{
    width: 100%;
    text-align: center;
    margin:10px 0;
    margin-right: auto;
    margin-left: auto;

}

.main_cta h2{
    color: rgb(0, 0, 0);
    font-size: 55px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}

.main_cta p{
    color: rgb(255, 0, 0);
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}
/*CABEÇALHO*/
.cabecalho {
    width: 100%;
    float: left;
    padding:3% 4%;
}
.imagem{
    width: 36px;
    height: -10%;
    float: left;
    font-size: 0;
}

.sly{
    max-width: 100%;
    height: auto;
    float: left;
    font-size: 100px;
    position: left;
}

.rodasite{
    width: 100%;
    text-align: center;
    margin:10px 0;
    margin-right: auto;
    margin-left: auto;
    
}

.rodasite img{
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.rodasiteb{
    width: 100%;
    text-align: center;
    margin:620px;
    margin-right: auto;
    margin-left: -200px;
    
}

.rodasiteb img{
    position: absolute;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}



.clientess{
    width: 100%;
    margin: -500px auto;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}

.clientess img{
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.rodasitec{
    width: 100%;
    text-align: auto;
    margin:-35px auto;
    margin-right: auto;
    margin-left: auto;
}

.rodasitec img{
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.diferenciais {
    display: absolute;
    position: center;
    flex-wrap: wrap;
    text-align: center;
    margin: 0;
}


@media screen and (max-width: 768px){
    .diferenciais{
        width: 100%;
        margin-bottom: 20px;
    }
}

.justify{
    margin: -155px auto;
    padding: 10%;
    
}
.bjustify{
    margin: -155px auto;
    padding: 10%;
    
}

.cjustify{
    margin: -155px auto;
    padding: 10%;
    
}


.djustify{
    margin: -155px auto;
    padding: 10%;
    
}

.fundosobre{
    background-color: #3d96bd;
    display: inline-block;
    padding:10px 30px;
    color: rgb(255, 255, 255);
    border-radius: 16px;
    margin-right: 30px;

}

.bfundosobre{
    background-color: #3d96bd;
    display: inline-block;
    padding:10px 30px;
    color: rgb(255, 255, 255);
    border-radius: 16px;
    margin-right: 30px;

}

.cfundosobre{
    background-color: #3d96bd;
    display: inline-block;
    padding:10px 30px;
    color: rgb(255, 255, 255);
    border-radius: 16px;
    margin-right: 30px;

}

.dfundosobre{
    background-color: #3d96bd;
    display: inline-block;
    padding:10px 30px;
    color: rgb(255, 255, 255);
    border-radius: 16px;
    margin-right: 30px;

}

.fundonos{
    background-color: #3d96bd;
    display: inline-block;
    padding:10px 30px;
    color: rgb(255, 255, 255);
    border-radius: 16px;
    margin-right: 30px;
}

.bfundonos{
    background-color: #3d96bd;
    display: inline-block;
    padding:10px 30px;
    color: rgb(255, 255, 255);
    border-radius: 16px;
    margin-right: 30px;
}

.cfundonos{
    background-color: #3d96bd;
    display: inline-block;
    padding:10px 30px;
    color: rgb(255, 255, 255);
    border-radius: 16px;
    margin-right: 30px;
}

.dfundonos{
    background-color: #3d96bd;
    display: inline-block;
    padding:10px 30px;
    color: rgb(255, 255, 255);
    border-radius: 16px;
    margin-right: 30px;
}

.dconsultoria{
    background-color: #3d96bd;
    display: inline-block;
    padding:10px 30px;
    color: rgb(255, 255, 255);
    border-radius: 16px;
    margin-right: 30px;
}

.contato {
    overflow: hidden;
    text-align: center;
}