@import url('https://fonts.googleapis.com/css2?family=ABeeZee&family=Alfa+Slab+One&family=Roboto:wght@400;500;700&display=swap');

.roboto-regular {
   font-family: "Roboto", serif;
   font-weight: 400;
   font-style: normal;
}
 
.roboto-medium {
   font-family: "Roboto", serif;
   font-weight: 500;
   font-style: normal;
}

body{
   padding: 0;
   margin: 0;
   overflow-x: hidden;
}

.fundo-1{
   position: absolute;
   width: 100%;
   background-size: cover;
   height: 300px;
   z-index: -1;
}

.container{
   padding: 0 10%;
}

.coluna-1{
   margin-top: 40px;
}

.logo{
   width: 100px;
}

.tracken{
   text-align: center;
   color: #000;
   margin-top: 20px;
   font-weight: bold;
}

.texto{
   font-size: 2.2em;
   margin-top: 20px;
   line-height: 2.4rem;
}


/* ------------------------------------------------------------------------ */


.coluna-2{
   margin-top: 2.5rem;
}

.entregador{
   background: url('../images/entregador.png') no-repeat top center;
   background-size: contain;
   width: 100%;
   height: 125px;
}

.card{
   border-radius: 20px;
   border: none;
}

.card-body{
   min-height: 300px;
}

h3{
   font-size: 22px;
   font-weight: 300;
   text-align: center;
   color: #000;
   text-align: center;
   width: 100%;
}

h6{
   font-size: 14px;
   font-weight: 300;
   text-align: center;
   color: #000;
}

.whatsapp{
   background: url('../images/whatsapp.png') no-repeat right;
   background-size: contain;
   width: 100%;
   height: 50px;
   /*position: absolute;*/
   display: flex;
   right: 20px;
}

#imgCNH{
   background: url('../images/cnh.png') no-repeat center;
   width: 100%;
   height: 110px;
   background-size: contain;
}

.check{
   background: url('../images/check.png') no-repeat center;
   width: 100%;
   height: 70px;
   background-size: contain;
}

@media screen and (max-width: 767px) {

   .logo{
      margin: 0 auto;
   }

   .coluna-2{
      margin-top: 4rem;
   }

   .tracken {
      margin-left: 34%;
   }

   .texto{
      text-align: center;
      font-size: 2.2em;
   }

   .entregador{
      filter: invert(1);
   }

}

@media (min-width: 1200px) { 

   .container-md{
      width: 800px;
   }
}