* {
      margin: 0;
      padding: 0;
      border: none;
      outline: none;
      vertical-align: baseline;
      font-size: 100%;
}

html {font-family: Poppins;
}

body {width: 100%;
      background: #0E0E0E;
}

.wrapper { width: 90%;
      margin: 0 auto;
}

.navBar:after {content: "";
      clear: both;
      display: table;
     

}

h1 {color: #fff;
      font-size: 48px;
}

p {color: #fff;
      font-size: 16px;
      font-weight: 300;
}

.pa{text-align: left;}

/*menu*/
.ul{ float: right;
text-align: right;
line-break: 1%;
}

.menu{
      display: block;
      color: rgb(255, 255, 255);
      text-align: right;
      text-decoration: none;
    }
.menu:hover{ color: 
      rgb(105, 105, 105);}

/* navbar */

nav {height: 90px;
      line-height: 70px;
      position: sticky;
      top:0;
      z-index: 2000;
   
}

nav a img {vertical-align: middle;
      width: 30px;
      height: 30px;
      position: sticky; 
      top:0;
    
}
/*img*/
img{
      transition: all .2s ease-in-out;
}

img:hover {
      transform: scale(1.1); 
    }

/* header */

header {
      margin: 100px 0 200px 120px;
}

header p {
      width: 70%;
      margin-top: 10px;
}

/* .trab */

.trab {
      text-align: center;
      width: 100%;
}

.trab img {
      margin: 1%;
      width: 45%;
}

/* header2 */

.header2 {
      margin: 130px 0 80px 40px;
}

/* .trab2 */
.trab2 {
      width: 100%;
      text-align: center;
}

.trab2 img {
      margin: 1%;
      width: 92%;
}
 /* .trab3 */
.trab3{width: 100%;
text-align: center
}
.trab3 img{ margin: 1%;
width: 29%;}


/* header3 */

.header3 {
    margin: 130px 0 80px 40px;
}

/* footer */
footer p {
      text-align: center;
      color: grey;
      margin: 60px auto;
}
/* contactos*/
.area-de-contactos{
    background-size: cover; 
    padding: 0px 0;
}
.contactar-por{
    max-width: 600px;
    margin: auto;
    padding: 0 10px;
    overflow: hidden;
}
.contactar-por-texto{
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 16px 0;
  border: 0;
  background: rgb(56, 56, 56);
  padding: 20px 40px;
  outline: none;
  color: #ddd;
  border-radius: 30px;
}
.contactar-por-texto:hover{
    background: rgb(156, 156, 156);
    
}
 .contactar-por-botao{
     float: right;
     border: 0;
     background: rgb(56, 56, 56);
     color: #fff;
     padding: 12px 50px;
     border-radius: 20px;
 }
.contactar-por-botao:hover{
    background: rgb(156, 156, 156);
}


/*sclroll*/
html{scroll-behavior: smooth}

/* Responsivo */

@media only screen and (max-width: 991px) {
      header {
            text-align: left;
            margin: 100px 0 100px 30px;
      }

      header h1 {
            font-size: 36px;
      }

      header p {
            font-size: 12px;
            width: 90%;
      }

      .trab img {
            margin: 2%;
            width: 90%;
      }

      .header2 {
            margin: 130px 0 40px 12px;
      }

      .header2 h1 {
            font-size: 36px;
      }

      .header2 p {
            font-size: 12px;
            width: 90%;
      }

      .trab2 img {
            margin: 2%;
      }
}