<style>
/* pagina_01-binoculars style */

div{
  background-color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: large;
  text-align: left;
}

h1{ 
  font-family: Arial, Helvetica, sans-serif;
  font-size: x-large;
  color:blue;
  text-shadow: 4px 4px 4px white;
  text-align: center;
}


h2{ 
  font-family: Arial, Helvetica, sans-serif;
  font-size: larger;
  color:blue;
  text-shadow: 2px 2px 2px gray;
  text-align: left;
}

article{
  columns: 2;
  background-color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: large;
  text-align: left;
}

  @media only screen and (max-width: 1024px) and (orientation: portrait) {
      article {
        columns: 1;
      }
    }

/* This media query targets devices with a maximum width of 768px 
in portrait mode */
    @media only screen and (max-width: 768px) and (orientation: portrait) {
      article {
        columns: 1;
      }
    }

/* This media query targets devices with a maximum width of 375px 
in portrait mode (i.e. most phones) */
    @media only screen and (max-width: 375px) and (orientation: portrait) {
      article {
        columns: 1;
      }
    }

</style>