/*Large Devices: 1024+ */
@media(min-width:1024px){
  /*=== Reuseble Classes  ===*/
  .container{
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
  }

  .section{
    padding: 10rem 1rem;
  }

  .section header{
    max-width: 32rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .button{
    height: 3.125rem;
  }

  /*=== NAV MENU ===*/

  nav.container{
    margin-left: 2rem;
    margin-right: 2rem;
  }

  nav .menu{
    opacity: 1;
    visibility: visible;
    top: 0;
  }

  nav .menu ul{
    display: flex;
  }

  nav .menu ul li a.tittle{
    font: 700 1rem var(--body-font);
  }

  nav ul li a::after{
    bottom: -1.625rem;
  }

  nav .fa-bars{
    display: none;
  }

  /*=== Home ===*/
  #home .container{
    grid-auto-flow: column;
    align-items: center;
    margin: auto;
  }

  #home .image{
    order: 1;
  }

  #home .image iframe{
    width: 35.6875rem;
    height: 26.25rem;
  }

  #home .text{
    order: 0;
    max-width: 24rem;
    text-align: left;
  }

  /*=== About ===*/

  #about .container,
  .publication .container{
    grid-auto-flow: column;
    margin: 0 auto;
    align-items: center;
  }

  #about .text,
  .publication .text{
    text-align: left;
  }

  #about img,
  .publication img{
    width: 35.6875rem;
    height: 25.75rem;
  }

  /*=== Services ===*/
  .cards{
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  .cards #consultoria{
    grid-column-start: 1;
    grid-column-end: 5;
  }
  
  .cards #treinamento{
    grid-column-start: 1;
    grid-column-end: 3;
  }

  .cards #material{
    grid-column-start: 3;
    grid-column-end: 5;
  }

  .card{
    padding-left: 3rem;
    padding-right: 3rem;
  }

  /*=== Products ===*/
  .products{
    grid-template-columns: 1fr 1fr;
  }
  .product p{
    font-size: 1rem;
  }

  /*=== Contacts ===*/
  #contact .container{
    grid-auto-flow: column;
    align-items: center;
  }

  #contact .text{
    max-width: 25rem;
  }

  /*=== Footer ===*/
  footer .container{
    grid-auto-flow: column;
    align-items: center;
  }

  /*=== Publications ===*/
  .previa .view{
    padding: 2rem;
    border-radius: 1rem;
    box-shadow: 0rem 0rem 0.75rem rgba(0, 0, 0,0.3);
    background-color: var(--background-color-2);
  }

  .previa{
    background:none;
  }
}