#introducao{
    margin-top: 10rem;
    font-size: 2rem;
    padding-bottom: 4rem;
    display: flex;


}

#introducao h1{
    font-size: 3rem;
    color: rgb(206, 134, 0);
    margin: 0 1rem 1rem 8rem;
    text-align: left;

}
#introducao p{
    color: var(--branco);
    font-size: 1.5rem;
    margin: 0 1rem 1rem 8rem;
    text-align: left;
}
 
#saiba{
    margin-top: 2rem;
    border-radius: 1rem;
    padding:1rem  5rem;
    background-color: rgb(216, 97, 0);
    transition: transform .75s;

}
#saiba a{
    color: #fff;

}
#saiba:hover{
    background-color: rgb(255, 136, 0);
     cursor: pointer;   
     transform: scale(1.2);
 
   
}
.baner{
    max-width:30rem;
    max-height: auto;
}
#introducaoDois{
    display: none;
}
.div{
    padding-top: 4rem;
    margin-bottom: 5rem;


}
.div h1{
    color: rgb(65, 63, 63);
    font-size: 3.4rem;
    margin: 10rem 10rem 3rem 10rem;

 }
 .div p{
    font-size: 1.5rem;
    margin: 0 10rem 0 10rem;

 }
 .iconeUm{
    display: flex;
    background-color: #fff;
    text-align: center;
    align-items: flex-start;
    justify-content: center;
    padding-top: 5rem;
     margin-bottom: 5rem;
     padding-bottom: 3rem;

 }
.boxIcone{
    margin: 1rem 2rem 3rem  2rem;

}
.boxIcone img{
    width: 7rem;
    height: auto;
}
.boxIcone h1{
    font-size: 2rem;
}

.boxIcone p{
    font-size: 1.2rem;
}
.h1{
    color: rgb(65, 63, 63);
    font-size: 3.4rem;
    margin: 10rem 10rem 0 10rem;
    margin-bottom: 2rem;

 }
#caixaIcone{
    display: flex;
    text-align: center;
    align-items: flex-start;
    justify-content: center;
    

}
.ic{

    margin: 1rem 2rem 2rem 2rem;
}
.ic img{
    width: 7rem;
    height: auto;
}
.ic p{
    font-size: 1.2rem;
}
.precisa{
    display: flex;
    text-align: center;
    align-items: flex-start;
    justify-content: center;
}
.prestacion{
    background-color: #ffffffd0;
    margin: 1rem;
    padding: 1rem 2rem 2rem 2rem;
    border-radius:4rem;

}


.prestacion img{
    width: 7rem;
    height: auto;
    margin-top: 3rem;
    cursor: pointer;
    transition: transform .75s;


}
.prestacion img:hover{
    transform: scale(1.2);
}
.prestacion h1{
    color: #000;
}
.spa{
    display: block;
}

.prestacion button{
    border-radius: .5rem;
    border: 1px orange solid;
    background-color: none;
    padding: 1rem;
    color: #000;
    margin:.5rem;
 }

.prestacion button:hover{
    cursor: pointer;
    color: #fff;
    background-color:  rgb(190, 124, 0);
}

.feedba{
    height: auto;
    margin-top: 8rem;
    padding-top: 2rem;
    padding-bottom: 5rem;
    background-color: #c0c0c0;
    color: black;
}
.feedba p{
    margin: 0 2rem 0 2rem;
    font-size: 1.2rem;
}
.client{
    display: flex;
    text-align: center;
    align-items: flex-start;
    justify-content: center;    
    margin: 0 10rem 0 10rem ;
}

.recomendacao{
    margin: 1rem;
    padding: 1rem 0 1rem 0;

    background-color: #ffffff;
    border-radius: 1rem;
 }
 .cli{
    width: 5rem;
    height: auto;
 }
.strela{
    width: 6rem;
    height: auto;
}
.recomendacao h1{
    margin:0 1rem 0 1rem ;
    font-size: 1.5rem;
}
.recomendacao p{
    margin-bottom: 3rem;
    font-size: 1rem;
  
 }
 .g{
    display: flex;
    width: 1.5rem;
    text-align: right;
    margin: 1.5rem;
 }
 .netw{
    background-color: #fff;
     padding-top: 3rem;
 }
 .port{
    padding:4rem 0 4rem 0;
    display: flex;
    text-align: center;
    justify-content: center;

 }
 .port img{
    width: 25rem;
    height: auto;
 }
.resumo{
    padding: 3rem;
}
.myResumo{
    position: relative;
    transform: translateY(144px);
    opacity: 0;
    transition: 1s all ease;
}
.myResumo.active{
    transform: translateY(0); 
    opacity: 1;
}
#ctt{
    background-color: #000000bd;
   
}
#sum{
    text-align: center;
    align-items: center;
    justify-content: center;
    margin:0 4rem 4rem 4rem;
    padding-top: 4rem;
}
.sumario{
    color: #fff;
    text-align: left;
    font-size: 1.5rem;


}
.sumario:hover{
    cursor: pointer;
    background-color: rgba(128, 128, 128, 0.568);
}
#sum p{
    font-size: 1.5rem!important;
}
.ul{
    text-align: left;

}
.li{
    font-size: 1.5rem;
}
.be{
    color: orange;
}
.aga{
    color: white;
    padding-top: 2rem;
}
.in{
    display: flex;
    justify-content: center;
}
.info{
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    margin: 1rem;
}
 .numv:hover{
    color: orange!important;
 }
#ctt h1{
    margin-top: 3rem;
    font-size: 3rem;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;

}
#ctt p{
    font-size: 2rem;
    color: white;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;

}


 .icone{
    margin-left: .1rem;
    width: 2rem;
    height: 2rem;
 }
.mail{
    color: orange!important;
    font-size:2rem;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;

 }
.local{
    margin:4rem 4rem 4rem 4rem!important;
}
#footer{
    font-size: 1rem!important;
    color: white!important;
    margin-bottom: 4rem!important;
}
@media only screen and (max-width:992px){

#introducao{
    display: none;


    
}
#introducaoDois{
    display: block;
    margin-top: 10rem;
    font-size: 2rem;
    padding-bottom: 4rem;
} 
#introducaoDois img{
    padding:0;
    width: 80%;
}


#introducaoDois h1{
    font-size: 3rem;
    color: orange;
    font-family: 'Lato', sans-serif; 
    text-align: center;

}
#introducaoDois p{
    color: var(--branco);
    font-size: 1.5rem;
    margin: 0 1rem 1rem 5rem;
    text-align: left;
}
#introducaoDois img{
    width: 100%;
    height: auto;
}
 
#saiba{
    margin-top: 2rem;
    border-radius: 1rem;
    padding:1rem 5rem;
    background-color: rgb(255, 115, 0);
    transition: transform .75s;

}
#saiba a{
    color: #fff;
}
#saiba:hover{
    background-color: rgb(255, 136, 0);
     cursor: pointer;   
     transform: scale(1.2);
 
   
}
 
.div h1{
    margin: 0 3rem 2rem 3rem;
    font-size: 2rem;
 }
 .div p{
    font-size: 1rem;
    margin: 0 4rem 0 4rem;
 }

 .iconeUm{
    display: block;
 }
 .h1{
    margin: 0 1rem 4rem 1rem;
    font-size: 2.2rem;
 }
 #caixaIcone{
    display: block;
 }
 .ic{
    margin: 1rem .1rem 2rem .1rem;
}
 .boxIcone{
    margin: 0;
 }
 .precisa{
    display: block;
    padding:0 4rem 0 4rem ;
 }
 .client{
    display: block;
    padding:0 1rem 0 1rem ;
    margin: 2rem 1.4rem 0 1.4rem ;

 }

 .port{
    margin:7rem 0 0 0;
    display: block;

 }
 .port img{
    margin: 2rem;
    width: 20rem;
    height: auto;
 }
 .in{
    display: block;
 }

 .mail{
    font-size: 1.5rem!important;

 }
 .local{
    font-size: 1.5rem;
    margin:0 2rem 2rem 2rem;



  }
}