/******* root *******/

:root{
  --primary-color: #ffffff;
  --secondary-color: #000000;
  background-color: #EEF2F4;
  font-family: "Open Sans", sans-serif;
}


body{
  padding: 0;
  margin: 0;
  animation: fadeInAnimation ease 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  background-color: #EEF2F4;
}

@keyframes fadeInAnimation {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}

/******* div bootstrap *******/

.container-fluid{
  background-color: #eef2f4;
  margin: 0;
  padding: 0;
}

.row .col{
  background-color: #EEF2F4;
  align-content: center;
}


/******* barra de navegação *******/
.navbar{
  background-color: #2d93a5;
  padding: 2px;
}

.nav-link{
  color: black;
  font-weight: bold;
  padding: 0;
  padding: 8px;
}

.nav-item{
  align-content: center;
}

.nav-item:hover{
  background-color: #4cb5ab;
}

a.nav-link:hover{
  color: white;
}

.bnav{
  border: none;
  padding: 8;
  background-color: #2d93a5;
  color: black;
  font-family:"Raleway", sans-serif;
  font-weight: bold;
  align-items: center;
}
.bnav:hover{
  background-color: #4cb5ab;
  color: white;
}

.dropdown{
  background-color: #2d93a5;
}

.dropdown-menu{
  border: none;
  margin: 0;
  background-color: #2d93a5;
  align-items: center;
}

.dropdown-item{
  background-color: #2d93a5;
  color: black;
  font-weight: bold;
  align-items: center;
  padding: 2px;
  border: none;
}
a.dropdown-item:hover{
  background-color: #4cb5ab;
  color:white
}


li{
  font-family:"Raleway", sans-serif;
  font-size: 16px;
  border-right: #eef2f48a; 
  border-style: none ridge none none; 
  border-width: 1px;
}

li a:hover{
  background-color: #4cb5ab;
}


/******* scroll bar *******/

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: var(--primary-color); 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background:  #4cb5ab; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--secondary-color); 
}

/****** div ********/
div{
  background-color: #EEF2F4;
  font-family: "Open Sans", sans-serif;
}

/****** textos ********/
p{
  font-family: "Open Sans", sans-serif;
  text-align: justify;
  line-height: 24px;
  font-size: 18px;
  font-weight: 500;
  color: #3a3535;
  margin: 18px 0px 18px 0px;
}

h1{
  color: #000000;
  font-weight: bold;
  font-size: 24px;
  font-family: "Open Sans", sans-serif;
  margin: 16.8px 0px 16.8px 0px;
}

h2{
  color: #000000;
  font-weight: bold;
  font-size: 20px;
  font-family: "Open Sans", sans-serif;
  margin: 16.6px 0px 16.6px 0px;
}

h3{
  font-size: 20px;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  margin: 20px 0 20px 0px;
}

h4{
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  margin: 21px 0px 21px 0px;
}

h5{
  font-size: 13px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-right: 15px;
  text-align: right;
}

@media (max-width: 550px){
  p{
    font-size: 3vw;
  }
  h1{
    font-size: 3.5vw;
  }
  h2{
    font-size: 3.0vw;
  }
  h3{
    font-size: 3.0vw;
  }
  h4{
    font-size: 3.0vw;
  }
  h5{
    font-size: 2vw;
  }
  div{
    font-size: 3vw;
  }
  .nav-link{
    font-size: 3vw;
  }
  .dropdown-item{
    font-size: 3vw;
  }
}


/****** botão equipe *******/

.equipe{
  background-color:  #2d93a5ee;
  color: #000000;
  font-weight: bold;
  font-size: 14px;
  border: none;
  border-radius: 12px;
  padding: 15px 15px;
  text-align: center;
  font-family: "Open Sans", sans-serif;
}

.equipe:hover{
  background-color:  #4cb5ab;
  color: white;
  font-weight: bold;
  border: none;
  border-radius: 12px;
  padding: 15px 15px;
  text-align: center;
  font-family: "Open Sans", sans-serif;
}

@media (max-width: 950px){
  .equipe{
    font-size: 1.6vw;
  }
}


/***** forms de contato ******/
.enviar{
  background-color:  #2d93a5ee;
  color: #000000;
  font-weight: bold;
  font-size: 14px;
  border: none;
  border-radius: 5px;
  padding: 10px 10px;
  text-align: center;
  font-family: "Open Sans", sans-serif;
}

@media (max-width:420px){
  .enviar{
    font-size: 3.3vw;
  }
}

input{
  border-radius: 5px;
  border-width: 1px;
  width: 50%;
  height: 30px;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  border-color:#cecece;
  border-style: solid;
  padding-left: 5px;
}

textarea{
  border-radius: 5px;
  border-width: 1px;
  width: 50%;
  height: 150px;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  padding-top: 8px;
  border-color:#cecece;
  padding-left: 5px;
}



/****** lista ******/
.lista{
  text-align: justify;
  line-height: 1.5;
  padding-bottom: 10px;
  float: none;
}