body {
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    font-weight: 400;
    color: #293651;
  }
  
  button {
    color: white;
    border-radius: 5px;
    padding: 12px 36px 12px 36px;
    border: none;
    font-family: "Arial";
    font-size: 22px;
    background-color: #08ab99;
    /* margin-left: 130PX; */
  }
  
  h4 {
  font-size: 30px;
  }
  
  h3 {
    font-family: "Montserrat", sans-serif;
    font-size: 25px;
    color: rgb(11, 53, 82);
    font-weight: 400;
    letter-spacing: 7px;
    margin-top: 0;
    margin-bottom: 0;
    /* margin-left: 130px; */
  }
  
  .textoverde {
    font-family: "Montserrat", sans-serif;
    font-size: 25px;
    color: rgb(20, 150, 117);
    font-weight: 400;
    letter-spacing: 2px;
    /* margin-left: 130PX; */
    margin-top: 2%;
    margin-bottom: 0%;
  }
  
  h1 {
    letter-spacing: -3px;
    font-family: "Montserrat", sans-serif;
    font-weight: bolder;
    margin-top: 0;
    margin-bottom: 0;
  }
  
  #hime {
    color: #031414;
    font-weight: 399;
    inline-size: auto;
  }
  
  #especialista {
    color: rgba(0, 0, 0, 0.918);
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 1px;
  }
  
  #E1 {
    /* margin-left: 130PX; */
    color: dimgrey;
  }
  
  #linhaum {
    height: 5px;
    background-color: #08ab99;
    width: 200px;
    border-radius: 30px;
  }
  
  #linhadois {
    height: 5px;
    background-color: #08ab99;
    width: 100px;
    border-radius: 30px;
  }
  
  #linhatres {
    height: 5px;
    background-color: #08ab99;
    width: 50px;
    border-radius: 30px;
  }
  .designer {
  color: rgba(17, 17, 17, 0.918);  
  }
  .label {
    margin-top: 30px;
    display: inline-block;   
  }
  
  .progress-label{
    /* display: inline-block; */
    text-align: right;
    right: 0;
  }
  progress {
    border: 0;
    width: 100%;
    height: 15px;
  
  }
  
  progress::-webkit-progress-value {
    background: #00A78E;
    border-radius: 10px;
  }
  
  progress::-webkit-progress-bar {
    background: #e2e4e3;
    border-radius: 10px;
  }
  
  .bg-cinza {
    background-color: #f9f9f9;
    padding: 50px 10%;
  }
  
  .bg-cinza h2, .linha {
    text-align: center;
  }
  
  .bg-cinza .linha{
    margin: 15px auto;
  
  }
  .painel {
    column-count: 2;
    max-width: 630px;
    margin: auto;
    
  }
  
  .quadrado {
    background-color: white;
    width: 100%;
    display: inline-block;
    min-height: 300px;
    margin: 5%;
    max-width: 300px;
    padding: 10%;
    border-radius: 5px;
    box-shadow: 10px 10px 15px #c6c6c6;
  }
  
  .quadrado img {
    width: 100px;
    display: block;
    margin-bottom: 15px;
  
  }
  
  .sub4 {
    margin-bottom: 10px;
  }
  
  .bg-contato {
    background: center;
    padding: 10%;
  }
  .contato {
    padding: 8%;
    height: 300px;
    background-color: #00A68E;
    margin: 10%;
    border-radius: 15px;    
  }
  
  .cont-container {
    color: white;
    margin: auto;
  }
  
  .cont-container span {
    display: block;
    font-size: 18pt;
    margin-bottom: 10px;
  }
  
  .footer {
    height: 400px;
    background-color: #f0f0f0;
    padding: 10%;
    text-align: center;
  }
  
  .ft-container {
    margin: auto;
  }

  .container{
    margin-right: 20%;
    margin-left: 20%;
   }
  
  .social {
    margin: auto;
    width: 70%;
    text-align: center;
  }
  
  i {
    width: 80px;
    color: #216d4d;
    margin: auto auto 20px auto;
    font-size: 24pt;
  }
  
  li {
    display: inline-block;
    margin: 30px 20px;
    font-weight: bold;
  }

  @media (max-width: 720px) {
    body{
      position: absolute;
    }
    .textoverde {
      font-family: "Montserrat", sans-serif;
      font-size: 20px;
      color: rgb(20, 150, 117);
      font-weight: 400;
      letter-spacing: 2px;
      /* margin-left: 130PX; */
      margin-top: 2%;
      width: 250px;
    }
    .enzo{
    /* margin-bottom: 300%;  */
    line-height: 60px;
    font-size: 35px;
    width: 250px;
    }
    .ux{
      font-size: 20px;
      letter-spacing: 3px;
      width: 250px;
    }
    #E1{
      font-size: 18px;
      width: 280px;
      margin-top: 20px;
    }

    .container{
      margin-right: 0%;
      margin-left: 0%;
     }
     .img{
       width: 70%;
       height: 70%;
     }
     .div-img{
       text-align: center;
       width: 250px;
       margin-left: 38px;
     }
     button{
       font-size: 15px;
     }
    #hime{
      width: 250px;
      font-size: 26px;
    }
    .Designer{
     
      font-size: 20px;
      width: 250px;
      margin-left: 26px;
    }

    #linhaum{
     margin-left: 10px;
     width: 200px;
    }
    
    .container1{
      font-size: 20px;
      width: 250px;
      margin-left: 26px;
    }
    .bg-cinza{
      font-size: 20px;
      width: 250px;
      margin-left: 0;
      padding: 0; 
     }
     .texto{
       font-size: 28px;
     }
     .contato{
       margin: 0;
       margin-right: 20px;
       width: 230px;
     }
     .bg-contato{
       padding: 0;
       width: 260px;
     }
     .footer{
       padding: 0;
       font-size: 20px;
     }
    }