/** INSTITUTIONAL PAGES ARTIGOS**/

.hero-Institucional {
  width: 100%;
  height: 306px;
  border-bottom: solid 22px #ffd402;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.hero-Idx-Institucional {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2Fhero-institucional-ew.jpg");
}
.hero-Designer {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2Fhero-Designer.jpg");
}
.hero-Etica {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2Fetica.jpg");
}

.hero-VdF {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2FVisaoFuturo.jpg");
}

.hero-Missao {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2Fmissao.jpg");
}
.hero-Historia {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2Fretrovisor.jpg");
}
.hero-Empresa {
  background-image: url("http://www.erc7231.com/proxy.php?url=https%3A%2F%2Fwww.ewcom.com.br%2Fimages%2FplacaEW.jpg");
}

/* GRID ARTICLES */
.grid-txt-cols {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: max-content;
  gap: 30px;
  padding: 1%;
  margin: 2.5% 0;
}
.grid-art-etica {
  gap: 0;
}
#etica-header {
  grid-column: 1/5;
  grid-row: 1/2;
  line-height: 1.1;
}
#etica-list {
  grid-column: 1/5;
  grid-row: 2/3;
  list-style-position: inside;
}
.col-Hist-1 {
  grid-column: 1/5;
}
.col-VdF-1 {
  grid-column: 2/3;
}

.col-VdF-2 {
  grid-column: 3/4;
  margin-top: 0;
  padding: 3em 1em;
  background-color: #f5f5f5;
}
.col-missao-1 {
  grid-column: 2/3;
  font-size: 1.8em;
  text-align: center;
  padding: 3em 1em;
  background-color: #ffd402;
}

.col-missao-2 {
  grid-column: 3/4;
  margin-top: 0;
}

.olho-art-empresa {
  grid-column: 2/3;
  font-size: 1.8em;
  font-weight: 700;
  text-align: center;
  padding: 4em 1em;
  background-color: #ffd402;
}
.col-empresa {
  padding: 7% 0;
  grid-column: 3/4;
  margin-top: 0;
}

.avatar-oDesigner {
  border-radius: 10px;
  grid-column: 1/2;
}
.destaques-artigos {
  font-weight: 700;
}
.col-designer-1 {
  grid-column: 2/3;
}
.col-designer-2 {
  grid-column: 3/5;
}

/* GRID THUMBS */
.grid-THUMBS {
  max-width: 100%;
  display: grid;
  height: max-content;
  gap: 30px;
  grid-template-columns: repeat(6, 1fr);
  grid-auto-rows: max-content;
  padding: 1%;
  margin: 2.5% 0;
}

.bx-oDesigner {
  grid-column: 1/3;
  grid-row: 1/2;
}

.bx-etica {
  grid-column: 1/3;
  grid-row: 1/2;
}

.bx-Visao {
  grid-column: 5/7;
  grid-row: 1/3;
}

.bx-designer-VdF {
  grid-column: 5/7;
  grid-row: 1/3;
}

.bx-Missao {
  grid-column: 1/4;
  grid-row: 2/3;
}

.bx-Designer-Missao {
  grid-column: 1/4;
  grid-row: 2/3;
}

.bx-Historia {
  grid-column: 3/5;
  grid-row: 1/2;
}

.bx-Etica-Hist {
  grid-column: 3/5;
  grid-row: 1/2;
}

.bx-Empresa {
  grid-column: 4/7;
  grid-row: 2/3;
}

.bx-Missao-Empresa {
  grid-column: 4/7;
  grid-row: 2/3;
}

/**  BREAKPOINTS **/

@media screen and (max-width: 1800px) {
}
@media screen and (max-width: 1600px) {
}

@media screen and (max-width: 1536px) {
  .col-missao-1 {
    grid-column: 1/3;
  }
  .col-missao-2 {
    grid-column: 3/5;
  }

  .olho-art-empresa {
    grid-column: 1/3;
  }
  .col-empresa {
    grid-column: 3/5;
  }
}

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

@media screen and (max-width: 1366px) {
  .col-VdF-1 {
    grid-column: 1/3;
  }
  .col-VdF-2 {
    grid-column: 3/5;
  }
}

@media screen and (max-width: 1280px) {
  .avatar-oDesigner {
    grid-column: 1/3;
    grid-row: 1/3;
  }
  .col-designer-1 {
    grid-column: 3/5;
    grid-row: 1/2;
  }
  .col-designer-2 {
    grid-column: 3/5;
    grid-row: 2/3;
  }
}

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

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

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

@media screen and (max-width: 1024px) {
  .bx-oDesigner {
    grid-column: 1/4;
    grid-row: 1/2;
  }

  .bx-etica {
    grid-column: 1/4;
    grid-row: 1/2;
  }

  .bx-Historia {
    grid-column: 4/7;
    grid-row: 1/2;
  }

  .bx-Etica-Hist {
    grid-column: 4/7;
    grid-row: 1/2;
  }

  .bx-Visao {
    grid-column: 1/4;
    grid-row: 2/3;
  }

  .bx-designer-VdF {
    grid-column: 1/4;
    grid-row: 2/3;
  }

  .bx-Missao {
    grid-column: 4/7;
    grid-row: 2/3;
  }
  .bx-Designer-Missao {
    grid-column: 4/7;
    grid-row: 2/3;
  }

  .bx-Empresa {
    grid-column: 1/7;
    grid-row: 3/4;
  }

  .bx-Missao-Empresa {
    grid-column: 1/7;
    grid-row: 3/4;
  }
}

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

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

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

@media screen and (max-width: 800px) {
  .avatar-oDesigner {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .col-designer-1 {
    grid-column: 3/5;
    grid-row: 1/2;
  }
  .col-designer-2 {
    grid-column: 1/5;
    grid-row: 2/3;
  }
}

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

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

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

@media screen and (max-width: 667px) {
  .T-Art-Etica {
    line-height: 1.7;
  }
  .grid-txt-cols {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: max-content;
    gap: 20px;
  }
  .grid-art-etica {
    gap: 0;
  }

  .col-VdF-1 {
    grid-column: 1/2;
  }

  .col-VdF-2 {
    grid-column: 2/3;
  }
  .col-missao-1 {
    grid-column: 1/2;
  }
  .col-missao-2 {
    grid-column: 2/3;
  }

  .avatar-oDesigner {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .col-designer-1 {
    grid-column: 1/3;
    grid-row: 2/3;
  }
  .col-designer-2 {
    grid-column: 1/3;
    grid-row: 3/4;
  }

  .grid-THUMBS {
    grid-template-columns: 1fr;
  }

  .bx-oDesigner {
    grid-column: 1/2;
    grid-row: 1/2;
  }

  .bx-etica {
    grid-column: 1/2;
    grid-row: 1/2;
  }

  .bx-Visao {
    grid-column: 1/2;
    grid-row: 2/3;
  }

  .bx-designer-VdF {
    grid-column: 1/2;
    grid-row: 2/3;
  }

  .bx-Missao {
    grid-column: 1/2;
    grid-row: 3/4;
  }

  .bx-Designer-Missao {
    grid-column: 1/2;
    grid-row: 3/4;
  }

  .bx-Historia {
    grid-column: 1/2;
    grid-row: 4/5;
  }

  .bx-Etica-Hist {
    grid-column: 1/2;
    grid-row: 4/5;
  }

  .bx-Empresa {
    grid-column: 1/2;
    grid-row: 5/6;
  }

  .bx-Missao-Empresa {
    grid-column: 1/2;
    grid-row: 5/6;
  }

  .col-empresa {
    grid-column: 1/3;
    grid-row: 2/3;
  }
}

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

@media screen and (max-width: 600px) {
  .T-Art-Etica {
    line-height: 1.9;
  }

  .col-missao-1 {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .col-missao-2 {
    grid-column: 1/3;
    grid-row: 2/3;
  }
}

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

@media screen and (max-width: 504px) {
  .col-VdF-1 {
    grid-column: 1/3;
    grid-row: 1/2;
  }

  .col-VdF-2 {
    grid-column: 1/3;
    grid-row: 2/3;
  }
}

@media screen and (max-width: 480px) {
  .T-Art-Etica {
    line-height: 1;
  }
}

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

@media screen and (max-width: 375px) {
  .grid-txt-cols {
    grid-template-columns: 1fr;
    grid-auto-rows: max-content;
    gap: 0;
    margin: 6% 0;
  }

  .grid-art-missao {
    row-gap: 20px;
  }
  .grid-art-Vdf {
    gap: 20px;
  }

  .col-VdF-1 {
    grid-column: 1/2;
    grid-row: 1/2;
  }

  .col-VdF-2 {
    grid-column: 1/2;
    grid-row: 2/3;
  }

  .avatar-oDesigner {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .col-designer-1 {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .col-designer-2 {
    grid-column: 1/2;
    grid-row: 3/4;
  }
  .grid-THUMBS {
    margin: 6% 0;
  }
}

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

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