/** INSTITUTIONAL PAGES **/
.header-iEW {
  flex-basis: 6.6%;
  margin-right: 1%;
}

.BoxTitles-Port {
  flex-basis: 90%;
  padding-top: 1%;
}

.subT-Port {
  color: white;
}

.T-Port {
  color: #ffd402;
}

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

.grid-IndexBxs {
  max-width: 100%;
  display: grid;
  height: max-content;
  gap: 30px;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, max-content);
  padding: 1%;
  margin: 2.5% 0;
}

.Bx-Idx-Institucional {
  max-width: 100%;
  height: max-content;
  background-color: #ffd402;
}

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

.subT-Idx-Inst {
  color: #404042;
  font-size: 2em;
  line-height: 1.1;
}

.subT-Idx-Inst:hover {
  color: #01a1ed;
  cursor: pointer;
}

.ler-Artigo {
  color: #404042;
  font-weight: bold;
}

.ler-Artigo:hover {
  color: #01a1ed;
  cursor: pointer;
}

.thumbs-intitucional {
  width: 100%;
  height: 25em;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

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

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

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

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

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

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

.excerpt-institucional {
  padding: 5%;
  height: max-content;
}

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

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

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

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

.bx-Idx-6 {
  grid-column: 3/4;
  grid-row: 2/3;
}

/**  BREAKPOINTS **/

@media screen and (max-width: 1800px) {
  .header-iEW {
    flex-basis: 7.2%;
  }
}

@media screen and (max-width: 1600px) {
  .header-iEW {
    flex-basis: 8.2%;
  }
}

@media screen and (max-width: 1440px) {
  .header-iEW {
    flex-basis: 9.1%;
  }

  .hiEW-Empresa,
  .hiEW-Designer,
  .hiEW-Etica,
  .hiEW-Visao,
  .hiEW-Missao,
  .hiEW-Historia {
    position: relative;
    top: -13px;
  }

  .link-LG-inst{
    position: relative;
    top: -10px;
  }

  .BoxTitles-Port {
    flex-basis: 89.5%;
  }
}

@media screen and (max-width: 1366px) {
  .hiEW-Empresa,
  .hiEW-Designer,
  .hiEW-Etica,
  .hiEW-Visao,
  .hiEW-Missao,
  .hiEW-Historia {
    flex-basis: 10%;
    top: -14px;
  }

  .BxT-Empresa,
  .BxT-Designer,
  .BxT-Etica,
  .BxT-Visao,
  .BxT-Missao,
  .BxT-Historia {
    flex-basis: 79%;
  }
}

@media screen and (max-width: 1280px) {
  .header-iEW {
    flex-basis: 11%;
    margin-top: -1%;
  }

  .hiEW-Empresa,
  .hiEW-Designer,
  .hiEW-Etica,
  .hiEW-Visao {
    margin-top: 0;
    top: -20px;
  }

  .hiEW-Missao {
    top: -11px;
  }

  .hiEW-Historia {
    flex-basis: 11.5%;
  }

  .BxT-Missao {
    top: -15px;
  }

  .BoxTitles-Port {
    flex-basis: 85%;
  }
}

@media screen and (max-width: 1200px) {
  .header-iEW {
    flex-basis: 11.7%;
    margin-top: -1%;
  }

  .hiEW-Designer,
  .hiEW-Etica,
  .hiEW-Empresa,
  .hiEW-Visao,
  .hiEW-Historia {
    top: -10px;
  }
}

@media screen and (max-width: 1136px) {
  .header-iEW {
    flex-basis: 12.7%;
  }
}

@media screen and (max-width: 1080px) {
  .header-iEW {
    flex-basis: 13.2%;
  }

  .grid-IndexBxs {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: max-content;
  }

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

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

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

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

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

  .bx-Idx-6 {
    grid-column: 2/3;
    grid-row: 3/4;
  }
}

@media screen and (max-width: 1024px) {
  .header-iEW {
    flex-basis: 14%;
    margin-top: 0;
    margin-right: 2%;
  }

  .BoxTitles-Port {
    flex-basis: 82%;
  }

  .BxT-Empresa,
  .BxT-Designer,
  .BxT-Etica,
  .BxT-Visao,
  .BxT-Missao,
  .BxT-Historia {
    flex-basis: 75% !important;
  }

  .Bx-T-Institucional {
    margin-top: -0.5%;
    flex-basis: 85%;
  }
}

@media screen and (max-width: 980px) {
  .header-iEW {
    flex-basis: 14.9%;
  }

  .Bx-T-Institucional {
    flex-basis: 80%;
  }
}

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

@media screen and (max-width: 900px) {
  .header-iEW {
    flex-basis: 15.5%;
  }

  .hiEW-Visao,
  .hiEW-Missao {
    flex-basis: 16%;
  }
}

@media screen and (max-width: 800px) {
  .header-iEW {
    flex-basis: 18%;
  }

  .hiEW-Empresa,
  .hiEW-Missao {
    flex-basis: 18.5%;
  }

  .BxT-Empresa {
    flex-basis: 79%;
  }

  .thumb-Aempresa {
    background-position: 35% top;
  }
}

@media screen and (max-width: 768px) {
  .header-iEW {
    margin-top: -1%;
    flex-basis: 16.5%;
  }

  .hiEW-Visao,
  .hiEW-Missao,
  .hiEW-Historia {
    flex-basis: 17%;
  }
  
}

@media screen and (max-width: 667px) {
  .header-iEW {
    flex-basis: 17.5%;
  }

  .hiEW-Historia {
    flex-basis: 18.5%;
  }
}

@media screen and (max-width: 640px) {
  .header-iEW,
  .hiEW-Visao {
    flex-basis: 18.5%;
  }

  .hiEW-Etica,
  .hiEW-Historia {
    flex-basis: 20%;
  }

  .Bx-T-Institucional {
    flex-basis: 78.5%;
  }
}

@media screen and (max-width: 600px) {
  .grayBar-Institucional {
    height: max-content;
  }
  .header-iEW {
    flex-basis: 20%;
    margin-top: 0;
    margin-bottom: -2.5%;
  }

  .hiEW-Etica,
  .hiEW-Historia {
    flex-basis: 21%;
  }

  .hiEW-Missao,
  .hiEW-Historia {
    top: -18px;
  }

  .Bx-T-Institucional {
    flex-basis: 100%;
  }

  .BxT-Empresa {
    margin-top: .5em;
  }

  .BxT-Designer {
    margin-top: .6em;
  }

  .BxT-Etica,
  .BxT-Visao {
    margin-top: .3em;
  }

  .grid-IndexBxs {
    gap: 20px;
  }
}

@media screen and (max-width: 568px) {
  .BxT-Empresa,
  .BxT-Etica {
    margin-top:-1px;
  }

  .hiEW-Designer {
    top:4.5px;
  }

  .hiEW-Etica,
  .hiEW-Historia {
    flex-basis: 22.5%;
  }

  .hiEW-Historia {
    top:-10px;
  }

  .hiEW-Visao {
    top: -0.5px;
  }

  .hiEW-Missao {
    top:0;
  }

  .BxT-Missao {
    margin-top: .5em;
  }

  .grid-IndexBxs {
    grid-template-columns: 1fr;
    gap: 0;
    row-gap: 25px;
  }

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

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

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

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

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

  .bx-Idx-6 {
    grid-column: 1/2;
    grid-row: 7/8;
  }
}

@media screen and (max-width: 504px) {
  .hiEW-Empresa {
    top: -4px;
  }

  .hiEW-Missao {
    top: .3em;
  }

  .hiEW-Historia {
    flex-basis: 23%;
  }
}

@media screen and (max-width: 480px) {
  .header-iEW {
    flex-basis: 25%;
    margin-bottom: -5.5%;
  }
}

@media screen and (max-width: 414px) {
  .header-iEW {
    flex-basis: 30%;
  }
  .thumbs-intitucional {
    height: 12em;
  }
}

@media screen and (max-width: 375px) {
  .hero-Institucional {
    height: 16em;
  }
}

@media screen and (max-width: 360px) {
  .BxT-Visao {
    flex-basis: 100% !important;
  }
}

@media screen and (max-width: 320px) {
  .header-iEW {
    flex-basis: 36%;;
  }
}