body {
  color: #2A2A2A;
  font-family: "Roboto";
}

a {
  text-decoration: none;
  color: #22252A;
}

a:hover {
  color: #00C277
}

.footText a {
  text-decoration: none;
  color: #ffffff;
}

.footText a:hover {
  color: #22252A;
}


/* Navigation Bar */
.navbar {
  padding: 2% 7% 2% 5.5%;
}

.navbar-brand {
  font-size: 1.4rem;
  font-weight: bold;
}

.nav-item {
  padding: 0 18px;
}

.nav-link {
  font-size: 1.2rem;
}

.savilogo {
  width: 100%;
  max-width: 100px;
  height: auto;
}

/*Containers*/
.first-container {
  columns: 2;
  text-align: center;
  margin: 3% 5% 0 7%;
}

.second-container {
  margin: 7% 5% 5% 7%;
}

.minisecond {
  columns: 2;
  margin-left: 5%;
}

.third-container {
  text-align: left;
  margin: 3% 5% 10% 7%;
}



/*Styles*/

#soporte {
  padding-left: 60%;
}


#titulo {
  text-align: left;
  padding-top: 30%;
}

#funcionalidades {
  text-align: left;
  padding-bottom: 2%;
}


/* Imgs*/
.farmadudas {
  text-align: center;
  width: 100%;
  max-width: 460px;
  height: auto;
}

.sistemaOperativo {
  text-align: left;
  width: 100%;
  max-width: 700px;
  height: auto;
  padding-bottom: 25px;
}

.visualTip1 {
  width: 100%;
  max-width: 450px;
  height: auto;
  padding: 0px 30px 8% 20px;
}

.visualTip2 {
  width: 100%;
  max-width: 320px;
  height: auto;
  padding: 20px 30px 10px 0;
}

.visualTip3 {
  width: 100%;
  max-width: 255px;
  height: auto;
  padding: 20px 0 10px 0;
}

.visualTip4 {
  width: 100%;
  max-width: 255px;
  height: auto;
  padding: 20px 20px 10px 20px;
}

.visualTip5 {
  width: 100%;
  max-width: 205px;
  height: auto;
  padding: 20px 20px 10px 0;
}

.visualTip6 {
  width: 100%;
  max-width: 270px;
  height: auto;
  padding: 10px 30px 10px 20px;
}

.visualTip7 {
  width: 100%;
  max-width: 250px;
  height: auto;
  padding: 10px 40px 10px 0;
}

.visualTip8 {
  width: 100%;
  max-width: 205px;
  height: auto;
  padding: 10px 0px 10px 0;
}

/*----*/

.visualTip9 {
  width: 100%;
  max-width: 260px;
  height: auto;
  padding: 20px 18px 10px 20px;
}

.visualTip10 {
  width: 100%;
  max-width: 245px;
  height: auto;
  padding: 10px 25px 10px 20px;
}

.visualTip11 {
  width: 100%;
  max-width: 240px;
  height: auto;
  padding: 10px 10px 10px 20px;
}

.visualTip12 {
  width: 100%;
  max-width: 500px;
  height: auto;
  padding: 10px 0px 10px 0;
}

.visualTip13 {
  width: 100%;
  max-width: 270px;
  height: auto;
  padding: 10px 20px 10px 0;
}

.visualTip14 {
  width: 100%;
  max-width: 280px;
  height: auto;
  padding: 10px 0px 10px 5px;
}


/*----*/

.visualTip15 {
  width: 100%;
  max-width: 265px;
  height: auto;
  padding: 20px 20px 10px 20px;
}

.visualTip16 {
  width: 100%;
  max-width: 195px;
  height: auto;
  padding: 10px 10px 10px 0px;
}

.visualTip17 {
  width: 100%;
  max-width: 400px;
  height: auto;
  padding: 10px 0px 10px 4%;
}

/* Footer */
footer {
  background-color: #00CCCC;
}

.contactInfo {
  color: white;
  padding: 3% 0 3% 0;
  text-align: center;
}

.footText a {
  text-decoration: none;
  color: #ffffff;
}

.footText a:hover {
  color: #00CCCC;
}

.accordion-body {
  color: #224b50;
  background-color: #ededed;
}