* Color Theme Swatches in Hex */
.Tabela-de-cor-01-trabalho-de-inovacao-1-hex { color: #000000; }
.Tabela-de-cor-01-trabalho-de-inovacao-2-hex { color: #9C9489; }
.Tabela-de-cor-01-trabalho-de-inovacao-3-hex { color: #FFFFFF; }
.Tabela-de-cor-01-trabalho-de-inovacao-4-hex { color: #E8A19D; }
.Tabela-de-cor-01-trabalho-de-inovacao-5-hex { color: #2167A8; }

/* Color Theme Swatches in RGBA */
.Tabela-de-cor-01-trabalho-de-inovacao-1-rgba { color: rgba(0, 0, 0, 1); }
.Tabela-de-cor-01-trabalho-de-inovacao-2-rgba { color: rgba(155, 147, 137, 1); }
.Tabela-de-cor-01-trabalho-de-inovacao-3-rgba { color: rgba(255, 255, 255, 1); }
.Tabela-de-cor-01-trabalho-de-inovacao-4-rgba { color: rgba(232, 160, 157, 1); }
.Tabela-de-cor-01-trabalho-de-inovacao-5-rgba { color: rgba(33, 103, 168, 1); }

/* Color Theme Swatches in HSLA */
.Tabela-de-cor-01-trabalho-de-inovacao-1-hsla { color: hsla(0, 0, 0, 1); }
.Tabela-de-cor-01-trabalho-de-inovacao-2-hsla { color: hsla(33, 8, 57, 1); }
.Tabela-de-cor-01-trabalho-de-inovacao-3-hsla { color: hsla(0, 0, 100, 1); }
.Tabela-de-cor-01-trabalho-de-inovacao-4-hsla { color: hsla(2, 61, 76, 1); }
.Tabela-de-cor-01-trabalho-de-inovacao-5-hsla { color: hsla(208, 66, 39, 1); }

/* Color Theme Swatches in Hex */
.Moonshot-Pictures-1-hex { color: #0D0D0D; }
.Moonshot-Pictures-2-hex { color: #404040; }
.Moonshot-Pictures-3-hex { color: #737373; }
.Moonshot-Pictures-4-hex { color: #BFBFBF; }
.Moonshot-Pictures-5-hex { color: #F2F2F2; }

/* Color Theme Swatches in RGBA */
.Moonshot-Pictures-1-rgba { color: rgba(13, 13, 13, 1); }
.Moonshot-Pictures-2-rgba { color: rgba(63, 63, 63, 1); }
.Moonshot-Pictures-3-rgba { color: rgba(114, 114, 114, 1); }
.Moonshot-Pictures-4-rgba { color: rgba(191, 191, 191, 1); }
.Moonshot-Pictures-5-rgba { color: rgba(242, 242, 242, 1); }

/* Color Theme Swatches in HSLA */
.Moonshot-Pictures-1-hsla { color: hsla(0, 0, 5, 1); }
.Moonshot-Pictures-2-hsla { color: hsla(0, 0, 25, 1); }
.Moonshot-Pictures-3-hsla { color: hsla(0, 0, 45, 1); }
.Moonshot-Pictures-4-hsla { color: hsla(0, 0, 74, 1); }
.Moonshot-Pictures-5-hsla { color: hsla(0, 0, 94, 1); }


.pt-serif-regular {
  font-family: "PT Serif", serif;
  font-weight: 400;
  font-style: normal;
}

.pt-serif-bold {
  font-family: "PT Serif", serif;
  font-weight: 700;
  font-style: normal;
}

.pt-serif-regular-italic {
  font-family: "PT Serif", serif;
  font-weight: 400;
  font-style: italic;
}

.pt-serif-bold-italic {
  font-family: "PT Serif", serif;
  font-weight: 700;
  font-style: italic;
}

.alfa-slab-one-regular {
  font-family: "Alfa Slab One", serif;
  font-weight: 400;
  font-style: normal;
}

.concert-one-regular {
  font-family: "Concert One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.quattrocento-sans-regular {
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.quattrocento-sans-bold {
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.quattrocento-sans-regular-italic {
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.quattrocento-sans-bold-italic {
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 700;
  font-style: italic;
}

@media screen and (max-width: 1200px) {
  header{
    background: linear-gradient( rgba(255, 255, 255, 0.308), rgba(0, 0, 0, 0.2) ) ,url('../Imagens/ContactM.jpg');

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    max-width: 100%;
  }
  
}

@media screen and (max-width: 600px) {
  header{
    background: linear-gradient( rgba(255, 255, 255, 0.308), rgba(0, 0, 0, 0.2) ) ,url('../Imagens/ContactP.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    max-width: 100%;
  }
  
  /* SECAO FORMULARIO PARA MESSAGE*/
section.Formulario-Msg{
  display: flex;
  height: 120vh;
  background: #0D0D0D;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-family: "Marcellus", serif;
  padding-left: 1rem;
  padding-right: 1rem;
}



section.Formulario-Msg div.Formulario-Msg1 h1{
  font-size: 2rem;
  color: #FFFFFF;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 35px;
}

section.Formulario-Msg div.Formulario-Msg1 h2{
  font-size: 3rem;
  color: #FFFFFF;
  text-align: center;
  line-height: 1.2;
}

h1 ::before{
  content: 📧;
  display: block;
}

h2 ::before{
  content: 😇;
  display: block;
}

.Form{
  width: 100%;
  max-width: 512px;
  font-size: 1.125rem;
}

.Form label,
.Form input,
.Form textarea,
.Form button{
  display: block;
  width: 350px;
}

.Form label{
  color: #FFFFFF;
  line-height: 1;
  margin-bottom: 0.5rem;
  
}

.Form input,
.Form textarea{
  font: inherit;
  padding: 0.8rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: border-color, box-shadow 0.2s;
}

.Form textarea{
  min-height: 13rem;
  resize: vertical;
}

.Form input:hover,
.Form input:focus,
.Form textarea:hover,
.Form textarea:focus{
  outline: none;
  border-color: #737373;
  box-shadow: 0 0 0 1.8px #9C9489;
}

.Form button{
  display: block;
  padding: 1rem;
  background: #737373;
  color: #FFFFFF;
  font: inherit;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.2s;
}

.Form button:hover,
.Form button:focus{
  outline: none;
  background: #9C9489;
} 

h1{
  font-size: max(35px, 2.8vw);
}

section.Milestons h4{
  font-size: 2.5rem;
}

section.Milestons div.AboutUs-mestre div.AboutUs-texto a{
  font-size: 1rem;
  justify-content: left;
}

section.Milestons div.AboutUs-mestre div.AboutUs-texto p{
  font-size: 1px;
}

}

/*NAV BAR*/

@media screen and (max-width:1110px) {
  header nav#Nav-Esq ul#Menu-principal li a{
    font-size: 90%;
  }
  
}

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

  header nav#Nav-Esq div#logo{
    margin-left: 1rem;
  }

    /*Menu HAMBURGUER*/

    header nav#Nav-Esq{
        justify-content: space-between;
    }

   header nav#Nav-Esq ul#Icon-Menu{
    display: flex;
   }

      header nav#Nav-Esq ul#Icon-Menu li#MenuX{
        display: none;

      }


   /* Menu*/
   header nav#Nav-Esq ul#Menu-principal{
    flex-direction: column;
    width: 70%;
    height: 50.5vh;
    flex-direction: column;
    background: linear-gradient(rgb(132, 179, 190) 0%,rgba(196, 210, 214, 1) 45%,rgb(132, 179, 190) 95%);
    padding-top: .5rem;

    position: absolute;
    top: 10rem;
    right: 0;
    z-index: 999;

    display: none ;
   }

      header nav#Nav-Esq ul#Menu-principal li{
        margin: .5rem;
      }

      header nav#Nav-Esq ul#Menu-principal li a{
        font-size: 120%;
      }

    
}

@media screen and (max-width:600px) {
   /* Menu*/
   header nav#Nav-Esq ul#Menu-principal{
    flex-direction: column;
    width: 70%;
    height: 47vh;
    flex-direction: column;
    background: linear-gradient(rgb(132, 179, 190) 0%,rgba(196, 210, 214, 1) 45%,rgb(132, 179, 190) 95%);
    padding-top: .5rem;

    position: absolute;
    top: 10rem;
    right: 0;
    z-index: 999;

    display: none ;
   }
}

/*ELEMENTOS FOOTER*/

@media screen and(max-width: 765px) {
    footer div.Footer-Menu div.Footer-info{
      width: 95%;
    }

    section.Milestons p{ 
      font-size: 10rem;
      
    }
  
}