body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

main {
  flex: 1 0 auto;
}

nav{
  background-color: #006853;
}

.card {
  border-radius: 18px;
}

.page-footer{
  background-color: #006853;
}

.page-footer > .footer-copyright{
  background-color: #00493a;
}

.brand-logo > .responsive-img {
  height: 2.5rem;
  margin-top: .8rem;
}

@media (min-width: 600px){
  .card-image > .responsive-img{
    height: 50%;
  }

  .brand-logo > .responsive-img{
    margin-left: 1rem;
    margin-top: 1rem;
  }
}

a {
  color: black;
}

.card-image{
  padding: 1rem;
}

@media (min-width: 900px){
  .brand-logo{
    margin-left: 1rem;
  }
}

@media (min-width: 600px) {
  .row{
    display: flex;
    flex-direction: row;
  }

  .card{
    height: 100%;
  }

  .m4{
    margin-inline: auto;
  }

  .footer_directions{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  }
}

.card-image > .responsive-img{
  max-width: 40%;
  height: auto;
  margin: auto;
  margin-top: 1rem;
  -webkit-transition: transform .3s;
  transition: transform 1s;
}

.card-image > .responsive-img:hover{
  transform: scale(1.5,1.5);
  -webkit-transition: transform .3s;
  transition: transform 1s;
}

.manual{
  height: 50% !important;
}

@media (min-width: 1080px){
  .card-image > .responsive-img{
    max-width: 35%;
    height: auto;
    margin: auto;
    margin-top: 1rem;
    -webkit-transition: transform .2s;
    transition: transform .2s;
  }

  .card-content{
    text-align: justify;
  }
}

.socialList{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin-top: 2rem;
}

.footer_directions{
  display: flex;
  flex-direction: row;
  justify-content: start;
}

.directions{
  display: flex;
  flex-direction: column;
}

.camp{
  font-size: 1.2rem;
}

.conmutador{
  display: flex;
  flex-direction: column;
}