@import url("https://use.typekit.net/nxg8upl.css");

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

header {
  min-height: 100vh;
  background-color: #2c1955;
  background-image: url("../images/title-curves.png");
  background-repeat: no-repeat;
  background-position: right bottom;
}

header .nav-link {
  font-family: september, "Courier New", Courier, monospace;
  font-weight: 500;
  font-style: normal;
  font-size: 1.5rem;
  color: #ffffff !important;
}

.title {
  font-family: september, "Courier New", Courier, monospace;
  font-weight: 500;
  font-style: normal;
  font-size: 3.5rem;
  color: #ffffff !important;
}

.title-destak {
  font-family: september, "Courier New", Courier, monospace;
  font-weight: 900;
  font-style: italic;
  color: #94c2e1 !important;
}

.text-destak {
  font-family: september, "Courier New", Courier, monospace;
  font-weight: 900;
  font-style: italic;
}

#titleLineDiv {
  background-image: url("../images/title-line.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
  background-position-y: 1.9rem;
}

#quem-somos {
  min-height: 100vh;
  background-color: #94c2e1;

  font-family: september, "Courier New", Courier, monospace;
  font-weight: 500;
  font-style: normal;

  background-image: url("../images/quem-somos-curves.png");
  background-repeat: no-repeat;
  background-position: right top;
}

.quem-somos-text {
  color: #2c1955;
  font-size: 2rem;
  text-align: justify;
}

#quem-somos-first-block {
  background-image: url("../images/quem-somos-vertical-bar.png");
  background-repeat: no-repeat;
  background-position: right center;
}

#quem-somos-1 {
  font-size: 5.2rem;
  color: #ffffff;
}
#quem-somos-2 {
  font-size: 3.4rem;
  color: #ffffff;
}
#quem-somos-3 {
  font-size: 7rem;
  color: #2c1955;
}
#quem-somos-4 {
  font-size: 4.1rem;
  color: #ffffff;
}
#quem-somos-5 {
  font-size: 6.4rem;
  color: #ffffff;
}

#projetos {
  min-height: 150vh;
  background-color: #d07424;
  background-image: url("../images/project-cuve.png");
  background-repeat: no-repeat;
  background-position: left top;
}

#projetos-col1 {
  min-height: 520px;
}

.projetos-title {
  font-family: september, "Courier New", Courier, monospace;
  font-weight: 500;
  font-style: normal;
  font-size: 5rem;
  letter-spacing: 0.8rem;
}

.projetos-title-destak {
  font-family: september, "Courier New", Courier, monospace;
  font-weight: 900;
  font-style: normal;
}

.projetos-text-col1 {
  font-family: september, "Courier New", Courier, monospace;
  font-weight: 500;
  font-style: normal;
  font-size: 2rem;
  color: #e4b032;
}

.projetos-text-col2 {
  font-family: september, "Courier New", Courier, monospace;
  font-weight: 500;
  font-style: normal;
  font-size: 2rem;
  color: #e4b032;
}

.display-1 {
  letter-spacing: 0.9rem;
}

.separator {
  background-image: url("../images/separador.png");
  background-repeat: no-repeat;
  background-position: center center;
  height: 6px;
  display: block;
}

.card {
  -webkit-box-shadow: 15px 15px 5px 0px rgba(44, 25, 85, 1);
  -moz-box-shadow: 15px 15px 5px 0px rgba(44, 25, 85, 1);
  box-shadow: 15px 15px 5px 0px rgba(44, 25, 85, 1);
  width: 100%;
  border-color: #2c1955 !important;
  border-width: 2px !important;
  min-height: 400px;
}

.card-title {
  color: #94c2e1 !important;
  font-family: "september", "Courier New", Courier, monospace;
  font-weight: 500;
  font-style: normal;
}

.card-text {
  color: #2c1955 !important;
  font-family: rooney-sans, sans-serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
  font-size: 1.5rem !important;
  text-align: justify !important;
  text-justify: inter-word !important;
}

#contato {
  min-height: 100vh;
}

.contato-title {
  font-family: september, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #e4b032;
}

.contato-title-grandes {
  font-family: september, sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #d07424;
}

.contato-title-juntos {
  font-family: september, sans-serif;
  font-weight: 500;
  font-style: italic;
  color: #e4b032;
}

.contato-subtitle {
  font-family: september, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.6rem;
  color: #2c1955;
}

.shadow-chapeu {
  -webkit-box-shadow: 10px 10px 5px 0px rgba(44, 25, 85, 1);
  -moz-box-shadow: 10px 10px 5px 0px rgba(44, 25, 85, 1);
  box-shadow: 10px 10px 5px 0px rgba(44, 25, 85, 1);
  border-color: #2c1955 !important;
  border-width: 2px !important;

  font-family: rooney-sans, sans-serif;
  font-weight: 400;
  font-style: italic;
}

label {
  color: #94c2e1 !important;
  font-family: rooney-sans, sans-serif !important;
  font-weight: 400 !important;
  font-style: italic !important;
  font-size: 1.2rem !important;
}

textarea,
input {
  color: #2c1955 !important;
  font-family: rooney-sans, sans-serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
}

.form-floating>.form-control {
  min-height: 5rem !important;
  line-height: 1.5;
}

#btnSubmit {
  -webkit-box-shadow: 10px 10px 5px 0px rgba(44, 25, 85, 1);
  -moz-box-shadow: 10px 10px 5px 0px rgba(44, 25, 85, 1);
  box-shadow: 10px 10px 5px 0px rgba(44, 25, 85, 1);
  border-color: #2c1955 !important;
  border-width: 2px !important;
  font-family: "September", "september", "Courier New", Courier, monospace !important;
  color: #2c1955 !important;
  font-size: 1.4rem;
}

footer {
  min-height: 500px;
  background-color: #2c1955;
  background-image: url("../images/rodape-curves.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}

.icon-social-media {
  background-color: #f5b119 !important;
  color: #2c1955;
}

a:hover {
  background-color: #d07424 !important;
}

button:hover {
  background-color: #d07424 !important;
}

.icon-social-media:hover {
  background-color: #d07424 !important;
}

.custom-toggler:active {
  background-color: #d07424 !important;
}

.custom-toggler.navbar-toggler {
  border-color: #ffffff;
  border-width: 3px;
}

@media (max-width: 576px) {
  .projetos-title {
    font-family: september, "Courier New", Courier, monospace;
    font-weight: 500;
    font-style: normal;
    font-size: 2rem;
    letter-spacing: 0.8rem;
  }

  #projetos-col1 {
    min-height: 100px;
  }

  #quem-somos-first-block {
    margin-top: 320px;
  }

  #quem-somos-1 {
    font-size: 4.3rem;
    color: #ffffff;
  }
  #quem-somos-2 {
    font-size: 2.8rem;
    color: #ffffff;
  }
  #quem-somos-3 {
    font-size: 6rem;
    color: #2c1955;
  }
  #quem-somos-4 {
    font-size: 3.4rem;
    color: #ffffff;
  }
  #quem-somos-5 {
    font-size: 5.4rem;
    color: #ffffff;
  }

  footer {
    min-height: 760px;
  }
}