#body {
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', 'Lucida Sans';
}

#body a {
  cursor: pointer;
  text-decoration: none;
}

#body h2 {
  font-weight: 700;
  text-align: center;
  font-size: 2rem;
  position: relative;
  top: 5rem;
}

#body p {
  font-size: 1.05rem;
  font-weight: 500;
  position: relative;
}

h2:after {
  content: ' ';
  position: absolute;
  width: 100px;
  height: 3px;
  background: rgb(253, 207, 0);
  left: 0;
  right: 0;
  margin: 0 auto;
}

.box-1 {
  background: rgb(253, 207, 0);
  background: linear-gradient(135deg, rgba(253, 207, 0, 1) 14%, rgba(255, 227, 101, 1) 48%, rgba(253, 207, 0, 1) 86%);
  position: absolute;
  padding: 1rem;
  border-radius: 15px;
  box-shadow: 6px 6px #00153b;
  outline: 1px solid #00153b;
}


@media screen and (max-width: 1075px) {
  #body h2 {
    top: 2rem;
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 1075px) {
  #body p {
    font-size: 0.9rem;
  }
}

@media screen and (max-width: 1075px) {
  h2:after {
    top: 3rem;
  }
}



@media screen and (max-width: 450px) {
  #body h2 {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 450px) {
  #body h3 {
    font-size: 1.4rem;
  }
}

/*------------------------------------------------- #NAVBAR ------------------------------------------------------------*/

#navbar {
  background-color: #fdcf00;
  position: fixed;
  right: 0;
  top: 0;
  height: 120vh;
  width: 2vw;
  display: block;
  font-size: 0.75rem;
  padding: 0;
  z-index: 2;
}

#navbar a {
  padding: 0rem;
  color: #00153b;
  transition: 0.5s;
}

#navbar a:hover {
  width: 100%;
  color: rgb(255, 255, 255);
}

#navbar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

#navbar li {
  padding: 0.625rem 0.125rem;
  text-align: center;
}

#navbar .fa-house {
  margin-top: 10rem;
}

#progress-bar {
  --progress: 0;
  height: var(--progress);
  width: 0.25rem;
  background-color: #fff;
  box-shadow: -2px 0 5px #b6b6b6;
  position: fixed;
  right: 1.7rem;
  top: 0;
  z-index: 1;
}


@media screen and (max-width: 1075px) {
  #navbar i {
    font-size: 0.6rem;
  }
}

@media screen and (max-width: 1075px) {
  #navbar {
    width: 5vw;
  }
}

@media screen and (max-width: 1075px) {
  #progress-bar {
    right: 5vw;
    width: 0.5vw;
  }
}


/*------------------------------------------------- #HOME ------------------------------------------------------------*/

.hidden {
  visibility: hidden;
  position: absolute;
}

#home {
  background-color: #001235;
  height: 46.875rem;
  color: white;
  background-image: url('imagens/bg-home.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

#home img {
  max-width: 70rem;
  mix-blend-mode: lighten;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -8rem;
}

#home h2 {
  font-size: 1.8rem;
  position: relative;
  top: 37rem;
  right: 0;
  left: 0;
}

#home h2:after {
  display: none;
}




@media screen and (max-width: 1075px) {
  #home {
  background-image: url('imagens/bg-home-media.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  }
}
@media screen and (max-width: 1075px) {
  #home img {
    max-width: 100vw;
    top: -15vh;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
  }
}
@media screen and (max-width: 1075px) {
  #home h2 {
    top: 95vh;
    font-size: 1.5rem;
    margin-right: 1rem;
  }
}



@media screen and (max-width: 550px) {
  #home img {
    top: 2rem;
  }
}
@media screen and (max-width: 550px) {
  #home h2 {
    top: 75%;
  }
}



/*----------------------------------------------------- #RIE --------------------------------------------------------*/

#rie {
  min-height: 43rem;
  background-color: rgb(39, 39, 39);
  background-image: url('imagens/bg-rie.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #fff;
  position: relative;
}

#rie h2 {
  top: 6rem;
}

#rie h2:after {
  top: 5rem;
}

#rie p {
  max-width: 20rem;
  margin: 0 2rem;
  text-align: center;
}

.localizacao, .servicos, .clientes {
  text-align: center;
}

.icons-rie {
  margin-bottom: 1.5rem;
}

.rie-content {
  position: relative;
  top: 12rem;
  display: flex;
  justify-content: center;
}

.fa-location-dot:hover {
  color: #fdcf00;
  transition: all ease 0.3s;
  transform: scale(1) translateY(-5px)
}

.fa-video:hover {
  color: #fdcf00;
  transition: all ease 0.3s;
  transform: scale(1) translateY(-5px)
}

.fa-people-arrows:hover {
  color: #fdcf00;
  transition: all ease 0.3s;
  transform: scale(1) translateY(-5px)
}

.verticalLine-1 {
  width: 0.063rem;
  background-color: rgb(255, 255, 255);
  height: 6.25rem;
  position: absolute;
  left: 35%;
  top: 48%;
}

.verticalLine-2 {
  width: 0.063rem;
  background-color: rgb(255, 255, 255);
  height: 6.25rem;
  position: absolute;
  right: 36%;
  top: 48%;
}





@media screen and (max-width: 1075px) {
  #rie {
    min-height: 52rem;
  }
}
@media screen and (max-width: 1075px) {
  #rie h2 {
    top: 2rem;
    max-width: 22rem;
    right: 0;
    left: 0;
    margin: auto;
  }
}
@media screen and (max-width: 1075px) {
  .rie-content {
    display: block;
    top: 12vh;
  }
}
@media screen and (max-width: 1075px) {
  #rie p {
    display: block;
    margin: auto;
  }
}
@media screen and (max-width: 1075px) {
  .localizacao, .servicos, .clientes {
    margin: 0 0 5vh 0;
  }
}
@media screen and (max-width: 1075px) {
  .icons-rie {
    margin-bottom: 1vh;
  }
}
@media screen and (max-width: 1075px) {
  .verticalLine-1 {
    display: none;
  }
}
@media screen and (max-width: 1075px) {
  .verticalLine-2 {
    display: none;
  }
}
@media screen and (max-width: 1075px) {
  .fa-video {
    color: #fdcf00;
  }
}





/*--------------------------------------------------- #SOBRE ------------------------------------------------*/

#sobre {
  min-height: 50rem;
  background-color: #e6e6e6;
  position: relative;
  background-image: url('imagens/bg-sobre-01.png');
  background-repeat: none;
  background-size: cover;
}

#sobre h2 {
  top: 3rem;
  color: #00153b;
}

#sobre h2:after {
  top: 3.5rem;
}

.ceos {
  max-width: 30rem;
  position: relative;
  left: 1rem;
}

.lampadinha {
  max-width: 9rem;
  position: absolute;
  left: 11.7rem;
  top: 6rem;
}

.notebook {
  position: absolute;
  top: 10vh;
  right: 5vw;
  max-width: 24vw;
  z-index: 1;
}

.luz {
  position: absolute;
  top: 43rem;
  left: 7rem;
  max-width: 190px;
  z-index: 1;
}

.microfone {
  position: absolute;
  top: 42rem;
  right: 7rem;
  max-width: 150px;
  z-index: 1;
}

.caixaDeSom {
  position: absolute;
  top: 79rem;
  left: 1vw;
  max-width: 250px;
  z-index: 1;
}

#sobre li {
  width: 30rem;
  font-size: 1.05rem;
  font-weight: 500;
}

#sobre ul {
  position: relative;
  top: 9.375rem;
  left: 7rem;
  display: inline-block;
}

.b001 {
  max-height: 15rem;
  max-width: 22rem;
  top: 10rem;
  left: 33rem;
}

.b002 {
  max-width: 20rem;
  top: 27rem;
  right: 5vw;
}

.b003 {
  max-height: 11.5rem;
  max-width: 21rem;
  top: 31rem;
  left: 32vw;
}


@media screen and (max-width: 1230px) {
  .notebook {
    right: 5px;
  }
}



@media screen and (max-width: 1075px) {
  #sobre {
    min-height: 74rem;
  }
}
@media screen and (max-width: 1075px) {
  #sobre h2 {
    top: 2rem;
  }
}
@media screen and (max-width: 1075px) {
  .ceos {
    max-width: 19rem;
    top: 4rem;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
  }
}
@media screen and (max-width: 1075px) {
  .lampadinha {
    max-width: 5rem;
    top: 9rem;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
  }
}
@media screen and (max-width: 1075px) {
  .notebook {
    top: 51rem;
    right: 1rem;
    max-width: 10rem;
  }
}
@media screen and (max-width: 1075px) {
  .luz {
    top: 51.5rem;
    max-width: 7rem;
    left: 1rem;
  }
}
@media screen and (max-width: 1075px) {
  .microfone {
    top: 118.5rem;
    max-width: 6rem;
    right: 0.5rem;
  }
}
@media screen and (max-width: 1075px) {
  .caixaDeSom {
    top: 119.5rem;
    max-width: 10rem;
    left: -1rem;
  }
}
@media screen and (max-width: 1075px) {
  #sobre p {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1075px) {
  .b001 {
    top: 27rem;
  }
}
@media screen and (max-width: 1075px) {
  .b002 {
    top: 43rem;
  }
}
@media screen and (max-width: 1075px) {
  .b003 {
    top: 61rem;
  }
}


/*----------------------------------------------------- #EQUIPE -------------------------------------------------*/

#equipe {
  min-height: 42rem;
  background-color: #d1d1d1;
  position: relative;
  background-image: url(imagens/bg-equipe-01.png);
  background-repeat: none;
  background-size: cover;
}

#equipe img {
  max-width: 31.5rem;
  position: relative;
  left: 55vw;
}

.b004 {
  top: 8rem;
  left: 5rem;
  max-height: 12rem;
  max-width: 21rem;
}

.b005 {
  top: 24rem;
  max-height: 12rem;
  max-width: 21rem;
  left: 25vw;
}

#equipe h2 {
  color: #00153b;
}

#equipe h2:after {
  top: 3.5rem;
}






@media screen and (max-width: 1075px) {
  #equipe {
    min-height: 54rem;

  }
}
@media screen and (max-width: 1075px) {
  #equipe img {
    top: 4rem;
    max-width: 15rem;
    left: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
  }
}
@media screen and (max-width: 1075px) {
  #equipe p {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1075px) {
  .b004 {top: 23rem;
  }
}
@media screen and (max-width: 1075px) {
  .b005 {top: 36rem;
  }
}
@media screen and (max-width: 1075px) {
  .box-media {
    max-width: 16rem;
    max-height: 13rem;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    text-align: center;
    padding: 0.5rem;
  }
}

/*-------------------------------------------------- #PORTFOLIO -----------------------------------------------*/

#portfolio {
  min-height: 67rem;
  background-color: #f2f2f2;
  position: relative;
}

.eventos {
  background-color: #000419;
  color: #fff;
  border-radius: 8px 8px 0 0;
  max-width: 40%;
}
.sociais p, .corporativos p {
  padding: 5px;
  margin: 0 5px;
}

.sociais {
  max-width: 10rem;
}

.corporativos {
  max-width: 13rem;
}

.carouselStyles {
  max-width: 45vw;
  position: relative;
  top: 10rem;
  display: inline-block;
}

#carouselExampleIndicators {
  left: 3vw;
}

#carouselExampleControls {
  left: 6vw;
}

.a-portfolio {
  color: #00153b;
}

.buttonStyle {
  max-height: 5rem;
  max-width: 17rem;
  border-radius: 10px;
  position: absolute;
  box-shadow: 4px 4px #00153b;
  background: rgb(253, 207, 0);
  background: linear-gradient(135deg, rgba(253, 207, 0, 1) 0%, rgba(255, 236, 152, 1) 48%, rgba(253, 207, 0, 1) 100%);
  outline: 1px solid #00153b;
  text-align: center;
  border: none;
  padding-top: 1rem;
}

#portfolio .buttonStyle {
  bottom: 3.5rem;
  left: 32.5rem;
}

.btn-whatsapp {
  position: absolute;
  border: none;
  color: #00153b;
  z-index: 2;
  transition: all ease 0.5s;
}



#portfolio .btn-whatsapp {
  bottom: 7.3em;
  left: 39.8em;
}

.btn-bg {
  width: 37px;
  height: 37px;
  background-color: #fff;
  position: absolute;
  border-radius: 10px;
  z-index: 1;
  
}

#portfolio .btn-bg {
  bottom: 7.6em;
  left: 39.8em;
}

#portfolio h2:after {
  top: 3rem;
}

#portfolio h2 {
  color: #00153b;
}









@media screen and (max-width: 1075px) {
  #portfolio img {
    height: 50vh;
  }
}
@media screen and (max-width: 1075px) {
  #portfolio {
    min-height: 75rem;
  }
}
@media screen and (max-width: 1075px) {
  .eventos {
    position: relative;
    top: 1px;
    left: 0;
  }
}
@media screen and (max-width: 1075px) {
  .carouselStyles {
    top: 7rem;
    left: 1rem;
    right: 0;
    margin: auto;
    display: block;
    max-width: 80vw;
  }
}
@media screen and (max-width: 1075px) {
  .carousel-inner {
    max-height: 25rem;
  }
}
@media screen and (max-width: 1075px) {
  #carouselExampleIndicators {
    left: 0;
    top: 5rem;
  }
}
@media screen and (max-width: 1075px) {
  #carouselExampleControls {
    left: 0;
  }
}
@media screen and (max-width: 1075px) {
  #portfolio .buttonStyle {
    max-width: 15rem;
    max-height: 4rem;
    bottom: 3.5rem;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    padding: 0.5rem;
  }
}
@media screen and (max-width: 1075px) {
  #portfolio .btn-whatsapp {
    bottom: 6.8rem;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
  }
}
@media screen and (max-width: 1075px) {
  #portfolio .btn-bg {
    bottom: 7.1rem;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    text-align: center;
  }
}
@media screen and (max-width: 450px) {
  .carousel-inner {
    max-height: 25rem;
    right: 1rem;
    left: 0;
  }
}


/*----------------------------------------------------- #ATENDIMENTO -----------------------------------------------*/

#atendimento {
  min-height: 44rem;
  color: #fff;
  background-color: #00153b;
  background-image: url('imagens/bg-atendimento.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  position: relative;
}

#atendimento img {
  max-width: 20rem;
  mix-blend-mode: lighten;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
}

#atendimento h2 {
  top: 22rem;
  font-size: 3rem;
}

#atendimento h2:after {
  position: absolute;
  top: 14rem;
  width: 15rem;
}

.boxAtendimento {
  max-width: 40vw;
  bottom: 8vh;
  text-align: center;
  color: #021029;
  background: rgb(228, 228, 228);
  background: linear-gradient(135deg, rgba(228, 228, 228, 1) 14%, rgba(255, 255, 255, 1) 48%, rgba(228, 228, 228, 1) 86%);
  box-shadow: none;
}

.box-atendimento01 {
  left: 2vw;
}

.box-atendimento02 {
  right: 4vw;
  max-height: 18vh;
}






@media screen and (max-width: 1075px) {
  #atendimento {
    min-height: 70rem;
    background-image: url('imagens/bg-atendimento-media.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
  }
}
@media screen and (max-width: 1075px) {
  #atendimento img {
    max-width: 50vw;
    top: 0rem;
  }
}
@media screen and (max-width: 1075px) {
  #atendimento .titulo-att {
    font-size: 2rem;
  }
}
@media screen and (max-width: 1075px) {
  #atendimento h2:after {
    transform: rotate(90deg);
    position: absolute;
    top: 30rem;
  }
}
@media screen and (max-width: 1075px) {
  #atendimento .boxAtendimento {
    max-width: 16rem;
    max-height: 10rem;
    right: 0;
    left: 0;
    margin: auto;
    display: block;
    padding: 0.5rem;
  }
}
@media screen and (max-width: 1075px) {
  #atendimento .box-atendimento01 {
    top: 25rem;
  }
}
@media screen and (max-width: 1075px) {
  #atendimento .box-atendimento02 {
    top: 55rem;
  }
}

/*----------------------------------------------------- #SERVICOS --------------------------------------------------------*/

#servicos {
  min-height: 46rem;
  background-color: #00061f;
  color: #fff;
  background-image: url('imagens/bg-servicos.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

#servicos img {
  mix-blend-mode: lighten;
  max-width: 13rem;
  position: absolute;
  top: 0;
}

#servicos .lampada2 {
  position: absolute;
  left: 15rem;
  max-width: 12rem;
}

.hidden-img {
  visibility: hidden;
}

#servicos li::before {
  content: url('imagens/check-solid.svg');
  display: inline-block;
  width: 15px;
  margin-right: 10px;
}

#servicos ul {
  position: relative;
  top: 12rem;
  left: 29rem;
  max-width: 50vw;
  list-style: none;
  font-size: 1.3rem;
}

.servicos-ul {
  position: relative;
}

.servicos-block {
  display: block;
}

#servicos .buttonStyle {
  bottom: 7rem;
  left: 5rem;
}

#servicos .btn-whatsapp {
  bottom: 11rem;
  left: 12rem;
  transition: all ease 0.5s;
}

#servicos .btn-bg {
  bottom: 0.2rem;
  left: 0.5px;
  z-index: -1;
}

#servicos h2:after {
  top: 3.5rem;
}





@media screen and (max-width: 1075px) {
  #servicos {
    min-height: 55rem;
  }
}
@media screen and (max-width: 1075px) {
  #servicos img {
    max-width: 4rem;
  }
}
@media screen and (max-width: 1075px) {
  #servicos .lampada2 {
    visibility: hidden;
    left: 0;
    overflow: hidden;
  }
}
@media screen and (max-width: 1075px) {
  .hidden-img {
    visibility: visible;
    position: absolute;
    right: 1.5rem;
    max-width: 4rem;
  }
}
@media screen and (max-width: 1075px) {
  #servicos ul {
    top: 8rem;
    font-size: 1rem;
    max-width: 70vw;
    padding: 0;
    margin: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
  }
}
@media screen and (max-width: 1075px) {
  #servicos .buttonStyle {
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    bottom: 2.5rem;
    max-width: 15rem;
    max-height: 4rem;
    padding: 0.5rem;
  }
}
@media screen and (max-width: 1075px) {
  #servicos .btn-whatsapp {
    text-align: center;
    bottom: 5.8rem;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
  }
}
@media screen and (max-width: 1075px) {
  #servicos .btn-bg {
    top: 1px;
    left: 0.5px;
    right: 0;
    margin: auto;
  }
}
@media screen and (max-width: 1075px) {
  .btn-contato {
    position: relative;
    top: 18rem;
  }
}

/*---------------------------------------------------- #CLIENTES ------------------------------------------------------*/

#clientes {
  background-color: #fff;
  min-height: 35rem;
  color: #00153b;
}


#clientes img {
  width: 100%;
}

.container {
  max-width: 1040px;
  margin: 0 auto;
  position: relative;
  top: 8rem;
  cursor: grab;
}

.logo-slider .slick-slide {
  margin: 1rem;
}

.item:hover {
  display: block;
  transition: all ease 0.3s;
  transform: scale(1.2) translateY(-5px)
}

#clientes h2:after {
  top: 3.5rem;
}







@media screen and (max-width: 1075px) {
  #clientes {
    min-height: 22rem;
  }
}
@media screen and (max-width: 1075px) {
  #clientes img {
    width: 120%;
  }
}
@media screen and (max-width: 1075px) {
  #clientes .container {
    top: 4rem;
    max-width: 80vw;
  }
}





@media screen and (max-width: 450px) {
  #clientes {
    min-height: 17rem;
  }
}
@media screen and (max-width: 450px) {
  #clientes img {
    width: 150%;
  }
}
@media screen and (max-width: 450px) {
  #clientes .container {
    top: 4rem;
    max-width: 90vw;
  }
}


/*------------------------------------------------------ #CONTATOS -----------------------------------------------------*/

#contatos {
  background-color: #e0e0e0;
  min-height: 40rem;
  position: relative;
  color: #00153b;
}

/* #contatos h2 {
  position: relative;
  left: 37rem;
  max-width: 30rem;
  padding: 0;
  margin: 0;
  color: #00153b;
  text-align: left;
} */

/* #contatos h3 {
  color: #00153b;
  max-width: 28rem;
} */

/* #contatos h2:after {
  top: 3.5rem;
} */

#contatos i {
  color: #00153b;
  padding: 0;
  margin: 5px;
  display: inline-block;
}

.icones-contato {
  text-align: center;
}

#contatos i:hover {
  color: #003494;
  transition: all ease 0.3s;
  transform: scale(1.2);
}

#contatos .h3-contato {
  text-align: center;
}

.box-contato {
  top: 190px;
  right: 10vw;
  padding: 2rem;
}

.titles {
  display: flex;
  align-content: stretch;
  justify-content: space-around;
  align-items: center;
}

#contatos h2, .h3-orcamento {
  position: relative;
  top: 70px;
}


#contatos h2:after {
  left: 20vw;
  top: 15rem;
  transform: rotate(90deg);
  width: 500px;
}

form {
  max-width: 30vw;
  margin-top: 80px;
  margin-left: 9vw;
}

label,
input,
textarea {
  display: block;
  width: 100%;
  padding: 5px;
}

input,
textarea {
  border: 1px solid #bdbdbd;
  border-radius: 5px;
}


input[type=submit]{
  background-color: #fdcf00;
  border-radius: 10px;
  box-shadow: 5px 5px #00153b;
  border: 1px solid #00153b;
  max-width: 40%;
  margin-top: 15px;
  cursor: pointer;
  transition: background-color 0.5s;
}

input[type=submit]:hover {
  background-color: #e6e6e6;
}






@media screen and (max-width: 1075px) {
  #contatos {
    min-height: 50rem;
  }
}
@media screen and (max-width: 1075px) {
  #contatos h2 {
    top: 37vh;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    max-width: 30rem;
    text-align: center;
  }
}
@media screen and (max-width: 1075px) {
  #contatos h2:after {
    top: -40%;
    margin: auto;
    left: 0;
    right: 0;
    transform: rotate(180deg);
    width: 100px;
  }
}
@media screen and (max-width: 1075px) {
  .box-contato {
    top: 20px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    padding: 0.5rem;
    max-width: 15rem;
  }
}
@media screen and (max-width: 1075px) {
  .h3-contato {
    text-align: center;
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 1075px) {
  #contatos form {
    max-width: 80vw;
    position: relative;
    top: 35vh;
    font-size: 13px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
  }
} 
@media screen and (max-width: 1075px) {
  .h3-orcamento {
    text-align: center;
    max-width: 80vw;
    position: relative;
    top: 20vh;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
  } 
}
@media screen and (max-width: 1075px) {
  .titles {
    display: block;
  } 
}
@media screen and (max-width: 450px) {
  .h3-orcamento {top: 22vh;
  } 
}







/*----------------------- #footer -----------------------*/

footer {
  background-color: #f8f8f8;
}

@media screen and (max-width: 1075px) {
  #footer {
    font-size: 0.8rem;
    padding-bottom: 1rem;
  }
}