/* ESTILO GERAL */

html {
  scroll-behavior: smooth;
}

body{
  font-family: "Myriad Pro", Arial, sans-serif;
  color: #FFF;
}

h1{
  font-size: 2rem;
  text-transform: uppercase;
}

h2{
  font-size: 1.5rem;
  text-transform: uppercase;
}

h3{
  font-size: 1.25rem;
  text-transform: uppercase;
}

h4{
  font-size: 1rem;
}

h5{
  font-size: 0.75rem;
}

/* HEADER --------------------------------------------------------------------*/

.header{
  background-color: #01BEFE;
  padding: 20px 0;
}

.barrabranca{
  width: 100%;
  height: 10px;
  background-color: #FFF;
}

.barraazul{
  width: 100%;
  height: 10px;
  background-color: #01BEFE;
}

.atendimento{
  margin-top: 25px;
}

.idioma{
  margin-top: 20px;
}

/* MENU ----------------------------------------------------------------------*/

.navbar-toggler {
  border-color: #FFF;
  color: #FFF;
  padding: 10px;
  margin: 20px auto;
}

.navbar-dark .navbar-nav .nav-link {
  text-transform: uppercase;
  margin: 0 10px;
  color: rgba(255, 255, 255, 1);
  transition: color 0.5s;
}

.navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(200, 200, 200, 1);
}

.navbar-toggle .icon-bar {
  background-color: #FFF;
}

/* APRESENTAÇÃO --------------------------------------------------------------*/



.apresentacao{
  background: url('../img/fundoapresentacao.jpg') no-repeat center;
  background-size: cover;
  padding: 50px 0;
}

.apresentacao-text{
  padding: 50px 25px;
}

.aula-experimental{
  padding: 10px 20px;
  margin-top: 25px;
  font-size: 1.25rem;
}

/* SERVIÇOS ------------------------------------------------------------------*/

.servicos{
  padding: 50px 0;
}

.servicos-title{
  color: #01BEFE;
  margin-bottom: 25px;
}

.servicos-text{
  padding: 25px 50px;
  color: #666;
}

.servicos-text h3{
  color: #000;
}

/* REGIÕES ATENDIDAS --------------------------------------------------------------*/

.regioes{
  background: url('../img/fundoregioes.jpg') no-repeat center;
  background-size: cover;
  padding: 50px 0;
}

.regioes-text{
  padding: 50px 25px;
  font-size: 1.5rem;
}

.regioes-text h2{
  color: #FFF;
}

.aula-experimental{
  padding: 10px 20px;
  margin-top: 25px;
  font-size: 1.25rem;
}

/* MIDIAS SOCIAIS ------------------------------------------------------------*/

.midias-sociais{
  background-color: #000;
  padding: 50px 0;
}

.midias-title{
  color: #FFF;
  margin-bottom: 25px;
}

@media (max-width: 767px) {
  .midias-sociais img{
    margin-top: 15px;
  }
}

/* FOOTER --------------------------------------------------------------------*/

.footer{
  background-color: #01BEFE;
  padding: 30px 0px;
}

.footer p{
  color: #FFF;
  text-transform: uppercase;
  padding-top: 15px;
}

@media (max-width: 767px) {
  .footer p{
    text-align: center;
  }
}

.scroll-top {
  position:fixed;
  bottom:0;
  right:2%;
  z-index:100;
  padding: 5px;
  background-color: #01BEFE;
  font-size:24px;
  border-top-left-radius:3px;
  border-top-right-radius:3px;
}

.scroll-top a:hover {
  background-color: #01BEFE;
}