*, *:after, *:before /* Selector universal aplica estilo a todos los elementos y es el reseteo del modelos de caja*/
{
  border: 0;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/*@font-face url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');*/

a {
  color: #FFFFFF;
  text-decoration: none;
}

a:visited {
  color: #95F9FC;
  text-decoration: none;

}

body, html
{
  /*background: #F2F3F4;*/
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}

.columna {
  /*align-items: flex-start;*/
  justify-content: space-between;
  /*background-color: pink;*/
  display: flex;
  flex-direction: column;
  max-width: 25%;
}

.columna img {
  border: medium solid #FFFFFF;
}


.contenedor {
  /*background-color: #333;*/
  display: flex;
  flex-wrap: wrap;
  }

.fila {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-content: center;
  align-items: center;
}

.fila > div {
  margin: 0 .5rem;
  padding: .5rem 0;
}

.fila > div:last-child {
  display: flex;
  flex-grow: 2;
  justify-content: flex-end;
}

.fila > div > div {
  padding: 0 1rem;
  }

header {
  background-color: black;
  padding: 1rem;
}

nav {
  background-color: #85C1E9;
  padding: 0 1rem;
}

@media only screen and (max-width: 480px) {
  .columna {
    flex: 100%;
    max-width: 100%;
  }
  .fila > div:last-child {
  justify-content: center;
  }
}

@media only screen and (min-width: 481px) and (max-width: 834px) {
  .columna {
    flex: 50%;
    max-width: 50%;
  }
  .fila > div:last-child {
  justify-content: center;
  }
}

@media only screen and (min-width: 835px) and (max-width: 1112px) {
  .columna {
    flex:33.3333333%;
    max-width: 33.3333333%;
  }

  .columna:last-child {
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 100%;
 }

.contenedor > div:last-child > img {
  max-width: 25%;
}
}