/*se agrego aqui porque se comparte el mismo archivo para todas las paginas*/
.titulopagina {
  box-sizing: border-box;
  position: absolute;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 3vw;
  text-transform: uppercase;
  color: #ffffff;
  top: 180px;
  left: 50%;
  transform: translate(-50%, 0);
}
/*se agrego aqui porque se comparte el mismo archivo para todas las paginas*/


.btn-flotante {
  background-color: #ffffff00;
  padding: 1vh;
  position: fixed;
  left: 0;
  top: 50%;
  transition: all 300ms ease 0ms;
  z-index: 99;
}

.btn-flotante:hover {
  background-color: #ffffff00;
}
.flags {
  transition: 300ms;
  margin-bottom: 6px;
  margin-right: 4px;
}
.flags:hover {
  transition: 300ms;
  transform: translateX(7px);
}


@media only screen and (max-width: 600px) {
  .btn-flotante {
    left: 0;
  }
  .flags {
    width: 70%;
  }

  /*se agrego aqui porque se comparte el mismo archivo para todas las paginas*/
  .titulopagina{
    top: 130px;
  }
  /*se agrego aqui porque se comparte el mismo archivo para todas las paginas*/
}


/*se agrego aqui porque se comparte el mismo archivo para todas las paginas*/
@media only screen and (max-width: 1200px) {
  .titulopagina{
    top: 130px;
  }
}
/*se agrego aqui porque se comparte el mismo archivo para todas las paginas*/

@media only screen and (max-width: 500px) {
  
  /*se agrego aqui porque se comparte el mismo archivo para todas las paginas*/
  .titulopagina{
    margin-top: -4vw;
  }
  /*se agrego aqui porque se comparte el mismo archivo para todas las paginas*/
}

@media only screen and (max-width: 320px) {
  
  /*se agrego aqui porque se comparte el mismo archivo para todas las paginas*/
  .titulopagina{
    margin-top: -6vw;
  }
  /*se agrego aqui porque se comparte el mismo archivo para todas las paginas*/
}