@media screen and (min-width: 761px) {

  body{

background-color: black;
color: white;

font-family: poppinsregular;

margin: 0;
padding: 0;


}


body::-webkit-scrollbar {
  width: 10px;               /* width of the entire scrollbar */
}

body::-webkit-scrollbar-track {
  background: rgb(5, 0, 0);        /* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
  background-color: rgb(243, 12, 12);    /* color of the scroll thumb */
  border-radius: 10px;       /* roundness of the scroll thumb */
  border: 2px solid rgb(5, 0, 0);  /* creates padding around scroll thumb */
}




.fundo_site{

padding: 15px;



}

.mobile-menu{

display: none;

}
.mobile-menu-icon {
  display: none;
}

.image{

height: 40px;
width: 40px;

}

header {

display: flex;
flex-direction: row;
justify-content: space-between;


}
.logo{

margin: 0;


}

.img_logo{

    width: 100px;
    height: 100px;

}

h1{
  align-items: center;
line-height: 10px;
font-weight: 200;

}

h1:hover{

color: #ff0000;

}

li{

display: inline-block;
margin-left: 20px;


}

main{

display: flex;
flex-direction: column;
margin-top: 50px;

}

a{

    color: white;
    text-decoration: none;
}

a:hover{

color: #ff0000;

}

h2{

font-size: 56px;

}

h3{

    font-size: 25px;


}

planos{

display: grid;
grid-template-columns: 300px 300px;


}



.row {


    display: grid;
    grid-template-columns: 350px 350px;
   justify-content: center;
    
    
     }
    
    .card {
      border-radius: 5px;
      box-shadow: 7px 7px 13px 0px rgba(50, 50, 50, 0.22);
      padding: 30px;
      margin: 20px;
      justify-content: center;    
      transition: all 0.3s ease-out;
    
    }

   span{

color: #000000;

   }
    
    .azul {
      border-left: 10px solid #0069fc;
      background-color: #84b6fc;
      color: #000000;

    }
     
    .verde {
      border-left: 10px solid #00ff1e;
      background-color: #79fa88;
      color: #000000;
    }
     
    .vermelho {
        border-left: 10px solid #ff0000;
        background-color: #fa7979;
        color: #000000;
    }
    .amarelo {
        border-left: 10px solid #fbff00;
        background-color: #f8fa7c;
        color: #000000;
    }
    .card:hover {
      transform: translateY(-5px);
      cursor: pointer;
    }
     
    .card p {
      color: #a3a5ae;
      font-size: 16px;
    }

    
    .fundo{

      margin-top: 100px;
width: 100%;
height: 100%;
border: 3px solid #0069fc;


    }

    h6{

      margin-left: 20px;

    }

    
footer{

  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 100px;
  padding-left: 20px;
  padding-bottom: 5px;
  padding-right: 20px;
display: flex;
justify-content: center;
flex-direction: row;
border-top: 3px solid #f8fa87;


}


}