:root{--caracter-naranja: #fc5101;--caracter-bg-negro: #191919;--caracter-negro: #000;--caracter-blanco: #fff}*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,serif}html{scroll-behavior:smooth}.header{background-color:var(--caracter-naranja);color:var(--caracter-blanco);height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.logo{width:40rem;margin-bottom:5rem}.slogan{text-transform:uppercase;letter-spacing:.5rem;margin-left:.6rem}.servicios{background-color:var(--caracter-bg-negro);font-style:italic;padding:6rem 0rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.servicios-card{background-color:var(--caracter-negro);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 0rem;margin-bottom:2rem;width:100%}.servicios-card:last-child{margin-bottom:0rem}.servicios-card-titulo{text-transform:uppercase;font-size:2rem}.servicios-card-titulo-naranja{color:var(--caracter-naranja)}.servicios-card-descripcion{text-transform:capitalize}.portfolio{display:grid;grid-template-columns:repeat(4,1fr)}.portfolio-card{display:flex;align-items:center;justify-content:center;overflow:hidden}.portfolio-card img{width:100%;height:auto}.contacto{background-color:var(--caracter-naranja);color:var(--caracter-blanco);font-style:italic;display:flex;align-items:center;justify-content:center;padding:1rem 0rem}.nosotros{background-color:var(--caracter-bg-negro);color:var(--caracter-blanco);display:flex;align-items:center;justify-content:center;padding:5rem 0rem}.nosotros-card-titulo{color:var(--caracter-naranja);text-transform:uppercase;font-style:italic;margin-bottom:1rem}.footer{background-color:var(--caracter-bg-negro);color:var(--caracter-blanco);display:flex;flex-direction:column;align-items:center;justify-content:center}.footer-logo{width:20rem;margin:5rem 0rem}.footer-copy{background-color:var(--caracter-negro);padding:1rem 0rem;width:100%;display:flex;align-items:center;justify-content:center}.servicios a,.contacto a,.footer a{color:var(--caracter-blanco);text-decoration:none}@media screen and (max-width: 992px){.portfolio{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 576px){.logo{width:20rem}.slogan{font-size:.6rem}.servicios-card-titulo{font-size:1.4rem}.servicios-card-descripcion{font-size:.7rem}.nosotros-card-descripcion{font-size:.75rem}.footer-logo{width:16rem}.footer-copy{font-size:.7rem}}