/*
Theme Name: Metal com Tal
Theme URI: http://metalcomtal.com.br
Author: Rafael Jordão
Author URI: https://www.linkedin.com/in/rafael-jordao/
Description: Tema criado para a empresa Metal com Tal
Version: 1.0
*/

@import url('./styles/header.css');
@import url('./styles/menu-mobile.css');
@import url('./styles/hero.css');
@import url('./styles/sobre-a-tal.css');
@import url('./styles/vantagens.css');
@import url('./styles/formulario.css');
@import url('./styles/possibilidades.css');
@import url('./styles/portfolio.css');
@import url('./styles/produtos.css');
@import url('./styles/whatsapp.css');
@import url('./styles/cookies.css');
@import url('./styles/footer.css');
@import url('./styles/fraseprincipal.css');
@import url('./styles/solucoesmetalicas.css');

@font-face {
  font-family: ProductSansRegular;
  src: url('./static/fonts/ProductSansRegular.ttf');
}

@font-face {
  font-family: ProductSansBold;
  src: url('./static/fonts/ProductSansBold.ttf');
}

* {
  margin: 0%;
  padding: 0%;
  box-sizing: border-box;
  border-image: none;
  font-family: 'ProductSansRegular';
}

p {
  font-size: 1.188rem;
}


a {
  text-decoration: none;
}

#home {
  height: 100vh;
}

.container {
  max-width: 100%;
  width: 1200px;
  margin: 0 auto;
  padding: 2rem;
}

.c-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.c-grid-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.c-grid-4 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media (max-width:768px) {
  .c-grid {
    display: block;
  }

  .c-grid-3 {
    grid-template-columns: 1fr 1fr;

  }

  .c-grid-4 {
    display:  block;
  }
}

@media (max-width: 425px) {
  .c-grid-3 {
    display: block;
  }
}